Článek původně vyšel na autorově webu Je čas.

E-book Martina Michálka Vzhůru do CSS3 je k disposici ve formátech PDF, ePUB a MOBI/Kindle.

• Cena: 249 Kč
• Počet stran: 110
• Doba čtení: cca 100 minut

E-kniha je vhodná především pro HTML/CSS kodéry, kteří poslední roky nesledovali, co je možné v závislosti na podpoře v prohlížečích používat.

Značná část obsahu knihy pochází z Martinovy příručky, která je dostupná online.

Texty z původní online příručky jsou vylepšeny a upraveny – nejedná se tedy o pouhou kopii obsahu z webu.

Obsah e-knihy

Kniha se dá rozdělit na čtyři části:

1. Proměny kódeřiny – popisuje změny v procesu tvorby webu způsobené zejména rozšířením mobilních zařízení a nutností tvořit web responsivně.Při návrhu webu se již neuvažuje o 3 různých prohlížečích a 3 různých rozlišeních, ale cílová zařízení jsou tak rozmanitá, že je nutné tvořit stránky universálně.
2. Nástroje, postupy, technologie – pro mě nejzajímavější část. Obsahuje cenné rady, jak si zefektivnit samotný proces kódování využitím:
   • preprocesorů,
   • postprocesorů,
   • autoprefixeru (nástroj automaticky přidávající potřebné CSS prefixy),
   • CSS frameworků typu Bootstrap

   Dále je zmíněn postup, jak testovat v různých prohlížečích. Nebo mít během psaní kódu okamžitý náhled výsledku v prohlížeči díky nástroji Browsersync. Ten prý navíc umožňuje i pohodlné testování webu v rámci lokální sítě na více zařízeních zároveň.

   Pro živý náhled CSS používám rozšíření LiveStyle do Sublime Text, ale Browsersync by mohl stát za vyzkoušení.

3. Fallback strategie pro starší prohlížeče – celkem 5 způsobů, jak řešit situace, kdy prohlížeč něco nezná. Od prostého oželení lepšího výsledku (např. CSS přechody transition), přes ignorování neznámých vlastností (např. nastavování rozměrů pomocí calc) až po polyfilly v JS a automatické generátory fallbacků.
4. Referenční příručka CSS3 – nejrozsáhlejší část knihy.Většinu vlastností jsem zde sice již popsal (vedou na ně odkazy v následujícím seznamu), ale je zajímavé mít názor i od někoho jiného.
   • Vlastnosti textu
     • Text Overflow – způsob přetékání textu
     • Text Shadow – stín textu
     • Font Face – vlastní fonty, tipy a triky, netechnické aspekty
   • Vlastnosti pozadí
     • Background Clip – míra roztažení pozadí
     • Background Origin – pozice začátku pozadí
     • Background Size – velikost obrázku na pozadí
     • Gradients – barevné přechody
     • Multiple Backgrounds – více obrázků na pozadí
   • Vlastnosti rámečků
     • Border Image – rámeček vykreslený obrázkem
     • Border Radius – poloměr rohu rámečku
   • Vlastnosti boxu
     • Box Shadow – stínování elementu
     • Box Sizing – způsob počítání velikosti boxu
   • Media Queries – podmíněné zobrazení pro média
   • CSS transformace
     • Transforms – proměny objektu
   • CSS animace
     • Transitions – jednoduché animace přechodu
     • Animations – plnohodnotné animace
   • Layout v CSS3
     • Multi-column Layout – vícesloupcová sazba textu
     • Flexbox – layout pomocí pružných boxů
   • Vybrané další CSS3 vlastnosti
     • Nové CSS3 jednotky – rem, vw, vh
     • RGBa barva – barva s poloprůhledností
     • Selektory
   • Nestandardní vlastnosti
     • Box Reflection – odlesk

Závěr

Ačkoliv by se mohlo zdát, že značná část obsahu e-booku se dá najít jinde, pro nastudování si současných CSS 3 postupů půjde v češtině těžko najít lepší kompletní přehled.

E-kniha Vzhůru do CSS3 se navíc dobře čte a ani neobsahuje překlepy, kterých bych si všiml.

Nenarazil jsem ani na nějaké vážné faktické chyby nebo případy, že by autor něco podstatného zamlčel.

Pro webové tvůrce, kteří začínají nebo jsou mírně pokročilí či o CSS 3 mnoho neslyšeli, proto doporučuji e-book Vzhůru do CSS3 k přečtení.