Funda ukuba yinkosi yemakhaphu yeZen

Imakhaphu, noma imakhaphu, isho ukumaka noma ukumaka izilimi njengoba zinjalo I-HTML ne-CSS, futhi sonke siyazi ukuthi kubuhlungu kanjani ukuvula nokuvala amalebula ngamunye ngamunye ukwakha ithempulethi yewebhu ...

Vele kunezixazululo zalokhu, esinye sazo ukuqedela ngokuzenzakalela ngokufana kwe-IDE I-Dreamweaver shit I-Bluegriffon kuyacasula uma ungathengi ama-plugins kuye o Komodo hlela kusinda kakhulu… Iphuzu ngukuthi abahleli be-IDE noma abahleli bekhodi abalayishwe kakhulu ngezinketho bavamise ukugcina bevimba umsebenzi ngezindlela ezingacabangeki; kunjalo ngendaba ye- I-Dreamweaver lokho kukugcwalisa ngekhodi kadoti lokho okukhiqiza ngokusobala futhi kuyasinda, kuyabiza futhi kubi. I-Bluegriffon kuyacasula kakhulu ngoba kumahhala, kumahhala, kepha uhhafu wezinketho ubekelwe abasebenzisi abakhokhelwayo ... akumnandi lokho. Futhi ekugcineni sinakho Komodo-hlela, enhle impela, inamandla futhi igcwele izinketho kepha inzima (100mb in iddle) futhi ukuyimisa kuyisidina.

Isikhali esihle kakhulu somqambi wewebhu noma umklami wewebhu akuyona i-IDE ngesitayela sempi enezikhali eziyinkulungwane ngaphezulu, isihleli sombhalo esilula, amanye ama-plugins kanye nokukwazi ukuthayipha njengomuntu ogulayo ... kulokho engeza umlingo we I-Zen Coding futhi bayoba neminwe yabo ithuluzi elihle kakhulu lokumaka elake lakhiwa (okungenani kimi).

Kepha ... yini isihogo I-Zen Coding?

Okulula, yi-plugin ekhethekile esebenza njengesendlalelo sokudonsela phansi se-HTML ne-CSS esungulwe ku- -Javascript futhi itholakale kubashicileli abaningi abadume kakhulu (incwajana ++, ukuhlela iKomodo, iGedit, iKate, iBluefish, iGeany, iDreamweaver, njll).

Aha, angiwuqondi umqondo omncane walokhu okushoyo ...

Ngakho-ke ngikukhombisa ngesibonelo esilula; Uyayikhumbula into yokukhipha okwehliswayo? Well, change it to shrinkage, imagine you can take a line of HTML / CSS code collapsed into one line and open it like a curtain or fold it back… Ufuna ukubona ukuthi kanjani? Kumele uqiniseke ukuthi unezinto ezimbili ukuze usebenze:

Yiba I-Zen Coding ifakiwe kusihleli sakho.
Yazi imiyalo ne-syntax yokuyisebenzisa.

Kulungile, iminwe kukhodi:

html>head+body

Uyabona lowo mugqa wekhodi? Yebo leso yisi syntax se-HTML, kulula:

Okokuqala ufake igama lethegi (html) bese ukhombisa ukuthi imaphi amathegi azoba ngaphakathi kwalowo maka (>) bese kuba igama lamathegi angena ngaphakathi kwalowo maka (ikhanda nomzimba). Uphawu olungu - '+' lukhombisa ukuthi ikhanda nomzimba ngamalebula amabili ahlukene nokuthi akukho okuqukethwe kwelinye, kufana nokuthi «ndawonye kodwa kungaxubeki«… Bese, ake sibone ukuthi leyo layini yekhodi ikhiqizani lapho ucindezela izinkinobho zemilingo (kimi CTRL + E):

Impela, imigqa emi-4 yekhodi yenziwe yaba munye, evela ngomlingo uma ucindezela inhlanganisela yokhiye efanele… futhi kungaba neminye eminingi; Ngokwesibonelo:

html>head+body>ul#lista_ordenada>li.listilla*5

I-syntax efanayo, kepha sengeza enye into… uma wazi i-CSS ethile uzobona ukuthi sifaka i-ID, amakilasi, nokuthile owawungakwazi nakanjani; iziphindaphindo… konke lokhu!? Fuck uyangidida!

Yehlisa umoya, lokhu kulula impela, sitshele okungenhla ukuthi umzimba wangaphakathi ufaka ithegi «ul», akukho okuxakile, ngikuchazile lokhu ngenhla, lapho-ke, sinikeza i-ID, ukuthi uma wazi i-CSS uzoqonda ukuthi lezi zikhonjwe uphawu '#', futhi ngaphakathi kwalolo hlu olungabhalisiwe (ul) sifaka amalebula amahlanu nesigaba (isigaba) listilla, ngikuchaza kafushane lokhu. Empeleni kulula kakhulu, u - '#' usho ukuthi yi-ID, bese kuthi u-'li.listilla 'athi kufanele sakhe ilebula elithi «li» nesigaba listilla «li class = listilla» bese, sithi «ukuphinde lokho okokugcina izikhathi ezinhlanu«. Yini esinikeza yona njengomphumela:

Imigqa eyishumi nambili yekhodi ebhalwe emugqeni owodwa nangesikhathi esincane kakhulu 😉

Futhi lokho kungenziwa futhi nge-CSS, yize ngingeke ngiyikhulise i-athikili ngokukhombisa okusobala (ngezansi ngizokudlulisela lonke uhlu lwezinkohliso I-Zen Coding).

Kufanele ngigcizelele ukuthi lokhu akusebenzi ukwenza imigqa eyizigidi eziyizinkulungwane eziyikhulu ku-o, cha, lokhu kunomkhawulo nendlela yokukusebenzisa. Uma ngokwesibonelo sifuna ukwenza into enjengale:

html>head>title+meta+body>ul#lista_ordenada>li.listilla*5

Yini ekufundisweni okufanele isinike lokhu (bheka umugqa ogqanyisiwe esithombeni sokugcina):

Izosinika lokhu:

Okukhombisa ukuthi awukwazi ukwenza imilingo nalokhu futhi; Khumbula ukuthi umphathi weZen wekhodi kumele aqonde futhi asheshe, futhi ukwenza izinto ngokungafanele kudinga isivinini nesikhathi, ngakho-ke, inqubo efanele yokubhala ngokushesha nange I-Zen Coding kungaba yilokhu:

html>head>body>ul#lista_ordenada>li.listilla*5

Uyanweba nangaphakathi kwethegi yekhanda:

title+meta

Okungakunika ikhodi efanele:

Noma I-Zen Coding Inezinto eziningi zokukukhombisa futhi mhlawumbe kufanele ubhale omunye umugqa womyalo ngaphakathi kwekhanda akuyona engcono kakhulu, ngakho-ke sisebenzisa omunye umyalo, «nweba ngesifinyezo"kimi ctrl + alt + e lokho kuzovula ibha encane lapho singabhala khona ikhodi yeZen bese sibona ukuthi ivela kanjani ngesikhathi sangempela. Qaphela, angikukhuthazi ukubhala konke ngalokhu kepha ukubhala ngaphakathi kwezakhiwo esezakhiwe, okungukuthi, qala ngokwenza izakhiwo ezinkulu bese uzonikeza imininingwane ngaphakathi kwazo ngale ndlela.

Futhi kukhona imiyalo eminingi epholile ngaphakathi kwe- I-Zen Coding, into ukuthi ubaphenye uma usuzifakile futhi ufunde ukuzisebenzisa; Ngale plugin ngeke udinge ukuqedela ngokuzenzakalela noma amazwibela we-css noma i-html, empeleni, ngalokhu uzobona ukuthi lezi zinketho zingukuchitha isikhathi okuphelele phakathi kwalezi zilimi ezimbili zokuhlela 😉

Futhi kulabo abanentshisekelo, nayi iCheatSheet esemthethweni ye I-Zen Coding, ungayibona ngefomethi I-ODF o PDF kulungile LAPHA