Ukládání breakpointů a rozmezí do proměnných preprocesoru velmi doporučuji, protože to zpřehlední kód a zefektivní psaní. Příklady v článku využívají CSS preprocesoru Sass v SCSS syntaxi. Ale podíváme se také na PostCSS (a CSSnext) nebo očekávaný vývoj specifikací.

Blisk prohlížeč vypadá jako Chrome a má šikovné nástroje pro testování responzivních webů.

Testujete (či se chystáte testovat) přístupnost webových stránek s odečítači obrazovky a zajímá vás, s jakými konkrétními kombinacemi odečítačů obrazovky a webových prohlížečů dává smysl takové testy dělat?

CSS Grid je možné za pomoci Autoprefixeru v řadě případů použít i v Internet Exploreru. Podíváme se na problematickou oblast, kterou je automatické umísťování prvků do mřížky.

Už řadu let hodnotím přístupnost webů v soutěži o nejlepší webovou prezentaci knihovny Biblioweb, do jejíhož jubilejního dvacátého ročníku přihlásilo své weby 41 veřejných knihoven. Jaká byla přístupnost soutěžních webů a jaké trendy lze na základě letošního hodnocení v této oblasti vypozorovat?

CSS vlastnost overflow-anchor umožňuje nastavit, jak si má prohlížeč pamatovat, kam bylo odscrollováno.

O AMP v mailu se delší dobu mluvilo, nyní se stává realitou. Co můžeme čekat? Pravděpodobně revoluci e-mailu.

Dnes se podíváme na spolupráci mezi grafikem a kodérem. Text je psaný z pohledu grafika. Co vše by měl udělat, než vám kodérům předá grafické podklady, abyste s nimi mohli dobře pracovat? Není toho málo. Porovnejte si to s podklady, které na stůl dostáváte vy. A pokud nevyhovují, pošlete vašemu grafikovi tento článek.

Doporučení WCAG (Web Content Accessibility Guidelines, Směrnice o přístupnosti webového obsahu) aktuálně ve verzi 2.1 představuje v současné době nejrozšířenější a celosvětově uznávanou metodiku tvorby přístupného (nejen webového) obsahu. Za jeho vytvořením stojí pracovní skupina WAI v rámci konsorcia W3C. Pokud to s přístupností myslíte aspoň trochu vážně, je vhodné se s obsahem tohoto doporučení seznámit.

Nic nového pod sluncem. Bootstrap, vertikální grid, horizontální grid. Spočítejte, nastavte, pochopte a porušujte. Co jste o gridu možná nevěděli.