CSS je tu s námi od roku 1994. A již zhruba 10 let se pracuje na jeho 3. verzi. Prohlížeče části CSS3 implementují a pokud víte jak, tak si pomocí nich můžete ušetřit spoustu času a starostí. Ve webdesignerově průvodci CSS3 se podíváme na to, co CSS3 přináší a popíšeme si jeho nejdůležitější části.

V minulém díle jsme si povídali co je CSS3, jak se vyvíjí, jak funguje a i to, jaký je stav implementace v prohlížečích. Dneska se podíváme na takové ty webdesignérské laskominy. Zkrátka na drobnosti, které nám mohou ušetřit hromadu nervů a času a navíc vypadají „zatraceně“ dobře.

V předchozích dvou dílech seriálu jsme se zabývali užitečnými drobnostmi, které mohou vylepšit váš design. Dnes se podíváme na Media Queries, které mají potenciál výrazně změnit způsob, jakým kódujeme. Umožňují totiž velmi specificky přizpůsobit vzhled stránky zařízení, na jakém bude zobrazena.

Všichni se shodneme, že základem CSS jsou selektory. Jak zacílit konkrétní část HTML bylo vždycky dobrým tématem na dlouhé diskuse s kolegy kodéry. Co je udržitelnější do budoucna? Co je rychlejší? CSS3 přináší do téhle diskuse mnoho novinek, které nám mohou usnadnit práci či umožnit věci, o kterých jsme dříve mohli tak leda snít.

Jestli se web něčím odlišuje od tištěných médií, tak je to velmi složitá kontrola vzhledu písma a textu. Weboví grafici ví, že používat zarovnání do bloku je neskutečně špatný nápad, že by měli by používat jen tzv. bezpečné fonty (které se vyskytují na většině počítačů) a že každý operační systém (a často i prohlížeč) si vykreslí písmo trošku jinak. CSS3 se snaží tyto problémy řešit, pojďme se podívat, jak se mu to daří.

Myslíte si, že na webu můžete stále používat jen tři základní písma a zbytek musíte vyřešit jinak? Nebo že web a typografie nejde dohromady? Nové prohlížeče umožňují pracovat s písmy velice komfortně díky CSS3 a @font-face. Ovšem není vše tak jednoduché, jak by se mohlo ze specifikace zdát…