Dnevnik eklektika - Piše Dragan Babić

Struktuiranje CSSa

Kao što vec znate u poslednjih par nedelja sam offline, ali kad god stignem pustim na blog nešto i malo prošvrljam planetoidom da vidim šta se zbiva na domacoj blog sceni.

Nedavno sam takode citao par stranih blogova, i kako to vec biva—jedan napiše nešto, sutra imaš lavinu clanaka na istu temu, procitao sam još par clanaka te tematike, a to je struktuiranje CSS dokumenata.

Dakle citam kako ljudi alfabetizuju svoje CSSove, templejtiraju, rade razna cuda i to im navodno olakšava navigaciju kroz njih same.

Moram priznati probao sam, i ja to nemere …

Moj CSS obicno (citaj uvek) izgleda ovako. Prvi rule mi je uvek body pa anchori – logicno, zbog nasledivanja. Posle definisanja anchora prelazim na formatiranje "tekst-elemenata" kako ih ja vec nazivam, tj. sve one ul, ol, abbr, acronym, blockquote, cite, strong, em itd. elemente.

Nakon toga postupam na sledeci nacin. Krenem od prvog elementa na stranici (header) i idem dalje na drugi, treci itd. E sada, pošto se stranica obicno ne sastoji iz pet elemenata, ruleove za child (dete) elemente pišem odmah ispod njihovih parenta (roditelja). Na taj nacin sav CSS "lici" na (X)HTML, nije da je to sad nešto bitno, ali meni je na neki uvrnuti nacin smisleno.

Kada sam to objasnio nastavicu sa još par forica koje delim u svojim CSS dokumentima, a to su naravno komentari.

Trudim se da dokumentiram svaki hack, i kad smo vec kod toga, svaki uvrnuti i netradicionalan nacin pozicioniranja, ako se vec odlucim za njega.

Kontam, ako se vec neko lati da išcitava moj CSS, neka mu bude lakše da shvati o cemu se radi, još ako je neko ko je manje iskusan od mene, možda i nauci nešto.

Druga stvar oko komentara je sledeca. Komentarom obeležim red ispod kog pocinju izvesni ruleovi, jer od kako ne koristim TopStyleLight više, veoma bitna mi se pokazala EditPlusova search opcija (koju inace TSL nema, Pro ima ako se ne varam, ali on nije free).

Pošto naravno niko ne ocekuje, pa ni ja sam, da pamtim kako sam imenovao elemente na razlicitim projektima, idem Ctrl+f, ukucam header, content, ili šta me vec interesuje i voila, to je to.

Takode nalazim da je zgodno izolovati grupe ruleova nekad, jer na primer nece na svakoj stranici posle headera dolaziti odmah sadržaj. Stoga npr. za news iteme pravim posebnu grupu, za stajling komentara, itd.

Znaci cela poenta je grupisati svoj CSS, na onaj nacin koji vam je najlogicniji. Da li je to alfabetiziranje, abecediranje, azbukovanje , ili možda elementiziranje (grupa za liste, grupa za headinge, grupa za block level elemente …), to je na vama.

Meni licno ovaj nacin najviše odgovara, nekom ne, a neko ce ga opet isprobati i skontati da i za njega/nju radi pos'o.

Uživajte.

• « Bičing
• Ni deca više nisu deca »

Nema komentara 0

Komentariši unos “Struktuiranje CSSa”

Ukoliko se odlučite na smeli korak komentarisanja, Vaše ime će biti linkovano sa Vašim uri-jem ukoliko ste ga uneli. Vaša email adresa je neophodna, ali je diskrecija zagarantovana i neće biti prosleđena trećem licu. Spammeri stop.

Tekst komentara možete formatirati uz pomoć textile-a. Sav HTML će biti odstranjen.
Obratite pažnju na pravopis i po mogućnosti koristite naša slova.

Ime:

Email:

http://

Komentar:

Zapamti info?

Zadržavam pravo da sankcionišem, uklonim, izmenim offtopic komentare, kao i one koje nemaju veze sa unosom pod kojim su objavljeni. Sa druge strane podržavam i ohrabrujem otvaranja konstruktivnih i otvorenih diskusija putem komentara. Unapred hvala što se držite teme.