Tipy na prácu so šablónami štýlov CSS3

Potom, čo sme definovali štruktúru našich webových stránok a vyvinuli DOM Presným spôsobom je dôležité definovať jeho štýly. Je to tiež najkreatívnejšia oblasť, v ktorej môžete s najvyššou mierou presnosti prispôsobiť každý roh svojej webovej stránky. Kaskádové štýly sú tým najvhodnejším riešením, ale pre všetkých, ktorí sa snažia preniknúť do sveta vývoja webových aplikácií, existuje niekoľko rád, ktoré je potrebné zohľadniť, aby sa dosiahli najlepšie výsledky.

Na získanie profesionálneho výsledku typického pre zasvätené front-end je potrebné v rámci tohto typu praxe zohľadniť určité aspekty, ako je poriadok, čitateľnosť a oprava najbežnejších chýb. Zdieľam nižšie päť tipov veľmi základné, ale zároveň veľmi dôležité pre ošetrenie a optimálnu konfiguráciu našich šablón štýlov CSS.

Nezabudnite vytvoriť efektívny poriadok a štruktúru svojich šablón štýlov CSS3

Svoje štýly vždy rozdelím v hierarchickom poradí. Na prvom mieste zvyčajne použijem všeobecné selektory a potom pridám deklarácie html selektorov a nakoniec pokračujem v práci s ID kontajnerov a vedľajších prvkov. V podstate brúsený postupujte podľa logiky DOM a začať od rodičov až po deti. Môžeme však postupovať aj podľa iného vzorca alebo poradia, napríklad môžeme selektory a deklarácie zoskupiť podľa ich funkcie. Všetko bude závisieť od toho, aké máme preferencie a ako sa pri práci cítime pohodlnejšie.

Vyberte jasné a výstižné názvy pre každý zo svojich selektorov

Musíte vziať do úvahy niečo veľmi dôležité, a to to, že CSS3 sa líši v používaní veľkých a malých písmen, takže písanie slova s ​​veľkým písmenom môže znamenať niečo iné a môže spôsobiť chyby. Najjednoduchšie je vždy používať malé písmená, aby ste sa vyhli týmto problémom. Vyskúšajte tiež vyberte si názvy pre svoje triedy a svoje ID, ktoré sú zreteľne rozpoznateľné a že nás nevyvodzujú z pochybností alebo chýb.

Nezabudnite pridať objasňujúce komentáre

Určite musíte zdieľať svoje súbory s inými ľuďmi, možno so svojím klientom alebo kolegami vo vašom pracovnom tíme, ako sú napríklad návrhári rozloženia, ďalší dizajnéri alebo vývojári. Z tohto dôvodu je veľmi dôležité venovať pozornosť štruktúre a zabezpečiť čistú a usporiadanú povrchovú úpravu. Vyjasňujúce komentáre pomôžu každému, kto vstúpi do našej šablóny štýlov, rýchlo sa zorientovať. Akýkoľvek typ pozorovania, ktorý sa musí brať do úvahy musí sa javiť ako obsah. Pamätajte, že môžete zahrnúť obsah do svojho súboru Html aj do svojho súboru CSS, a že v obidvoch prípadoch ide o komentáre, ktoré sa logicky neprejavia v konečnom výsledku a budú viditeľné iba v prípade prístupu k ich zdrojovému kódu, aby mohli môže byť veľmi užitočný.

Vo svojich štýloch vždy použite reset

Každý prehľadávač má svoju predvolenú šablónu štýlov, takže je veľmi užitočné a odporúčame, aby ste sa vyhli chybám alebo zmenám v závislosti od prehľadávača, v ktorom je zobrazená naša stránka. obnovte svoje štýly. Existuje niekoľko alternatív. Obnovenie štýlov Erica Meyera môže byť veľmi dobrou voľbou.

Vyberte najefektívnejší nástroj

Existuje mnoho nástrojov, ktoré môžete použiť na maximalizáciu efektívnosti pri práci na dizajne svojho webu. Od vytvorenia drôtových rámcov po vývoj štruktúry vášho webu, ako aj všetkých druhov aplikácií vrátane Adobe Photoshop, Illustrator alebo Fireworks. Existuje tiež veľa profesionálnych redaktorov, ktorí sú jedným z najviac odporúčaných (aspoň tých, ktoré používam). Sublime Text alebo, ak to nie je možné, Adobe Dreamweaver pretože poskytujú veľmi jednoduché rozhrania s vysokou úrovňou osobnosti, ako aj možnosť pracovať s našimi kódmi prostredníctvom systému skratiek a systému automatického dopĺňania, ktorý nám pomôže ušetriť viac ako 70% času, ktorý by sme použili s editorom tradičného obyčajného textu.