css inline, inline-block

robbie:
Co kdybys odkázal ten tutoriál? Třeba k tomu má autor nějaký důvod, viz Živá ukázka

Potřebuje odkazu nastavit blokoidní display, aby se u něj projevil ten padding (viz maxdesign.com.au/articles/inline) a odkaz mohl být klikatelný v celé své ploše.

Ten člověk občas neví, co dělá:
* nastavuje výšku v pixelech něčemu, co má textový obsah - při zvětšení písma to nepěkně přeteče
* nastavuje inline a float zároveň; inline vynucuje block

Později, až to zrepoznivní, tak pro mobily nastaví block namísto inline-blocku.

robbie:
Doplním juriada:
„Ten člověk občas neví, co dělá:“
* zbytočne zväčšuje objem CSS súborov duplicitnými deklaráciami, respektíve, na rovnaké prvky vytvára množstvo odlišných tried
* nastavuje float spoločne so šírkou 100% (zrejme aby nebolo nutné použiť clear, čo by nebolo)
* selektory píše akoby bolo chybou (nielen pri takto jednoduchej stránke) čosi zovšeobecniť (namiesto nav ul li a by stačilo nav a)
* nastavuje 100% šírku, aby mohol odčítavať padding, kvôli obsahovému box modelu
* občas trochu klame
* používa HTML5 elementy
* uvádza <meta charset> až po značke <title>
* nevysvetľuje alebo len primálo objasňuje niektoré podstatné veci (ako na čo slúži DOCTYPE, prečo sa uvádza <meta name=viewport>)
* nastavuje margin: 0 auto (aj riadkovým prvkom)
* určite som si niečo nevšimol, hlavne, že je 10 odrážok :-)...

Ak by som toto video odporúčal, tak pokročilému kóderovi, ktorý vie efektívne a úsporne pracovať s HTML a CSS, ale nevie tvoriť responzívne weby. Začiatočník by sa mohol naučiť používať zbytočnosti...

Myslím však, že aj vyučovanie spôsobov tvorby responzívneho webu (hoci postup: skopíruj; ponechaj iby zmenené, odstráň duplicity; doplň rozsahy rozlíšení, nie je zlý) by šlo poňať podrobnejšie. Na základe videa napríklad nie je zjavné, ako @media deklarácie vidí prehliadač (dosť kľúčové pre pochopenie celku – hneď je jasné, prečo selektory s malou prioritou nefungujú, ako záleží na poradí, že netreba opakovať to, čo sa nezmenilo atď.).