AD Blog
Zpět na:
Interní odkazy:
Změna vzhledu:
Poslední články:
Kategorie:
Přátelé:
Oblíbené:
Vančák bloguje - text spotu:
Organizace CSS
Jak co nejlépe organizovat CSS stylopis?
Stává se mi stále, že stylopis od začátku založený jako strukturovaný dokument se změní na změť pravidel, ve které se nevyznám ani já, natož někdo jiný. Nedávno jsem si zakoupil knihu CSS filtry, hacky a pokročilé postupy od Andyho Budda. Zdá se to být dost dobrá kniha, nicméně na hodnocení je brzo jsem teprve asi v 1/10 obsahu.
Ale k věci, zaujala mě tam kapitola „Plánování, organizace a údržba stylových předpisů“. Hlavně způsob uspořádání stylopisu. Autor navrhuje vytvořit hlavní stylopis nazvaný třeba main.css s následujícím obsahem:
@import url(/css/layout.css);
@import url(/css/typography.css);
@import url(/css/color.css);
@import url(/css/form.css);
.
.
.A následně vytvořit soubory:
- layout.css s návrhem celkového vzhledu stránky
- typography.css se styly typografických prvků stránky
- color.css se základními barvami stránky
- form (to jsem si už vymyslel já) pro stylování formulářů
Zdá se to být rozumné, ale nevím jak se to bude napříč všemi možnými prohlížeči chovat. Nemáte s tím někdo nějaké zkušenosti?
12 únor 2007, 17:06 Autor:Aleš Dobrovolný
Jabber: adobrovolny@jabbim.cz
Stav na jabber:
ICQ: 278 396 374
Stav na ICQ:
Líbil se vám tento článek? Pošlete odkaz na:
Tweet
Nebo pošlete sponzorskou SMS.
S tou knihou jsem na tom stejně, ale tahle organizace css definic mě neoslovila, možná u rozsáhlejších projektů, jinak si vystačím s jedním css. snižuje to nároky na počet dotazů směrem k webovému serveru a hlavně je to na jednom místě a nemusím otevírat x souborů. zápisy stylů se většinou prolínají, takže rozdělit je jak do škatulky nejde a pro dobře připravený a okomentovaný stylopis je uvedené řešení spíš kontraproduktivní.
— afu 13 02 2007 - 20:00 #
Je to jednoduché a praktické. Dobrý nápad. Hlavně oddělení barev od konstrukce.
— MzK 13 02 2007 - 22:00 #
no možná u velmi rozsáhlých projektů ano, ale u ěžných webl ne, naví cmusíš počítat s verzemi pro JESPR (MSIE)
já jelikož používám na psaní css nejlepší editor ve vesmíru VIM, strukturuji css tak, že jednotlivé bloky zozděluji jením prázdným řádkem a jedním řádkem s komentářovým, kde je stručně napsaný o co se jedná, jaké části stránky se daný blok týká, při otevření souboru, se mi zobrazí jen ty „nadpisy“ (komentáře) a bloky css definic jsou „zabalené“ do tzv. foldů, takže si můžu „rozbalit“ jen ten blok textu, který mne zajímá a další XX řádky mám stále „schované“, hodně to usnadňuje navigaci dokumentem
— VfB 13 02 2007 - 22:01 #