Recense: Vzhůru do CSS3‏

Vzhůru do CSS3

E-book je k disposici ve formátech PDF, ePUB a MOBI/Kindle.

  • Cena: 249 Kč
  • Počet stran: 110
  • Doba čtení: cca 100 minut
  • Vzhůru do CSS3 – Ebook o 22 nových CSS vlastnostech plný tutoriálů a referenčních příruček.

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.

Pro poctivé čtenáře jecas.cz bude e-book spíš pěkné ucelené opakování, ale i tak se dozví spousto věcí, o kterých se zde nepíše.

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í
    • Vlastnosti rámečků
    • Vlastnosti boxu
    • Media Queries – podmíněné zobrazení pro média
    • CSS transformace
      • Transforms – proměny objektu
    • CSS animace
    • Layout v CSS3
      • Multi-column Layout – vícesloupcová sazba textu
      • Flexbox – layout pomocí pružných boxů
    • Vybrané další CSS3 vlastnosti
    • Nestandardní vlastnosti

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í.

Poznámka: E-book jsem si koupil v předprodeji. Za napsání této recense nejsem autorem knihy placený.

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Recense: Vzhůru do (responzivního) webdesignu

Recense: Vzhůru do (responzivního) webdesignu

Martin Michálek vydal další knihu o současné tvorbě webu, tentokrát kromě e-booku i na papíře. Jaká je?

Emmet a CSS zkratky

Emmet a časté zkratky

Nástroj Emmet usnadňuje a zrychluje psaní HTML/CSS kódu. Seznam často používaných zkratek.

Přechod na Gulp 4

Přechod na Gulp 4

Jak přejít na Gulp 4. Co je potřeba změnit v gulpfile.js.

Recense: Vzhůru do AMP

Recense: Vzhůru do AMP

Má smysl používat AMP, nebo je to úplná blbost?

Tailwind CSS

Tailwind CSS

CSS framework pro stylování webů přes utility třídy.

Komentáře