Jakmile jsme definovali strukturu našeho webu a vyvinuli DOM Přesným způsobem je důležité definovat jeho styly, je to také nejkreativnější oblast, ve které můžete přizpůsobit s nejvyšší mírou přesnosti do posledního rohu vašeho webu. Kaskádové šablony stylů jsou nejvhodnějším řešením, ale pro všechny, kteří se poprvé pustí do světa webového vývoje, existuje několik tipů, které je třeba vzít v úvahu, aby bylo dosaženo nejlepších výsledků.
Pro získání profesionálního výsledku typického pro zasvěcené frontend je nutné vzít v úvahu určité aspekty, jako je řád, čitelnost a oprava nejčastějších chyb v rámci tohoto typu praxe. Sdílím níže pět tipů velmi základní, ale zároveň velmi důležité pro zpracování a optimální konfiguraci našich šablon stylů CSS.
Ujistěte se, že jste ve svých šablonách stylů CSS3 vytvořili efektivní pořadí a strukturu
Styly vždy rozdělím v hierarchickém pořadí. Na prvním místě obvykle použiji obecné selektory a poté přidám deklarace html selektorů a nakonec pokračuji v práci uvnitř ID kontejnerů a vedlejších prvků. V zásadě broušené postupujte podle logiky DOM a začít od rodičů až po děti. Můžeme však sledovat i jiný vzorec nebo pořadí, například můžeme selektory a deklarace seskupit podle jejich funkce. Vše bude záviset na tom, jaké máme preference a jak se cítíme pohodlněji při práci.
Vyberte jasný a výstižný název každého ze svých selektorů
Je třeba vzít v úvahu něco velmi důležitého, a to, že CSS3 se liší v použití velkých a malých písmen, takže psaní slova s velkým písmenem může znamenat něco jiného a může způsobit chyby. Nejjednodušší je vždy používat malá písmena, abyste se tomuto problému vyhnuli. Zkuste také vyberte si pro své třídy jména a ID, která jsou jasně rozpoznatelná a že nás nevyvodí z pochybností nebo chyb.
Nezapomeňte přidat vysvětlující komentáře
Určitě musíte sdílet své soubory s jinými lidmi, možná se svým klientem nebo kolegy ve vašem pracovním týmu, jako jsou návrháři rozvržení, další návrháři nebo vývojáři. Z tohoto důvodu je velmi důležité věnovat pozornost struktuře a zajistit čistý a řádný povrch. Objasňující komentáře pomohou každému, kdo přistupuje k našemu seznamu stylů, rychle se na první pohled zorientovat. Jakýkoli typ pozorování, který je třeba vzít v úvahu musí se objevit jako obsah. Nezapomeňte, že můžete zahrnout obsah do souboru Html i do souboru CSS a že v obou případech se jedná o komentáře, které se logicky neprojeví v konečném výsledku a budou viditelné pouze v případě, že je přístupný jejich zdrojový kód, takže může být velmi užitečné.
Ve svých šablonách stylů vždy použijte reset
Každý prohlížeč má svou výchozí šablonu stylů, takže je velmi užitečné a doporučujeme, abyste se vyhnuli chybám nebo změnám v závislosti na prohlížeči, ve kterém je naše stránka zobrazena. resetujte své styly. Existuje několik alternativ, velmi dobrá volba může být seznam stylů Erica Meyera.
Vyberte nejúčinnější nástroj
Existuje mnoho nástrojů, které můžete použít, abyste při práci na designu svého webu byli co nejefektivnější. Od vytváření drátových modelů až po vývoj struktury vašeho webu, stejně jako všech druhů aplikací včetně Adobe Photoshop, Illustrator nebo Fireworks. Máte také mnoho profesionálních editorů, kteří jsou jedním z nejvíce doporučených (alespoň těch, které používám) Sublime Text nebo, pokud to není možné, Adobe Dreamweaver protože poskytují velmi jednoduchá rozhraní s vysokou mírou osobnosti, stejně jako možnost pracovat s našimi kódy prostřednictvím systému zkratek a se systémem automatického dokončování, který nám pomůže ušetřit více než 70% času, který bychom použili s editor tradičního prostého textu.
Děkuji za radu, vášnivě se zajímám o design a všechny rady jsou dobře přijaty. Pokračuj.
Díky !!!