Nemám v úmyslu vás přesvědčovat, abyste se začali učit grid. Ale snad vám pomůžu lépe zmapovat problematiku CSS layoutů.
Archiv autora: Martin Michálek
Martin Michálek
Nezávislý specialista na webový front-end. O responzivním webdesignu, HTML5, CSS3 a dalších tématech píše na blogu Vzhůru dolů a na Twitteru jako @machal.
Funkční selektor :has() můžeme použít jako selektor rodiče, tedy vybrat rodičovské prvky, obsahující potomky určitého typu. Podívejme se na něj detailně.
Nepoužívejme prosím ve webdesignu spojení „pixel perfect“, když mluvíme o kvalitách návrhu nebo kódování webu. Je to výraz zastaralý, nesmyslný a degradující dobré designéry i kodéry.
Fr je užitečná jednotka, která reprezentuje podíl na volném prostoru v CSS gridu. Pojďme si ji představit.
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í.
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.
AMP pro e-mail je venku. V Gmailu, Yahoo mailu, Outlook.com a Mail.ru. Revoluce e-mailu začíná.
Komentáře: 15O AMP v mailu se delší dobu mluvilo, nyní se stává realitou. Co můžeme čekat? Pravděpodobně revoluci e-mailu.
Gutenberg je plugin pro vizuální tvorbu strukturovaného obsahu. Myslím, že může přinést výraznou inovaci do tvorby webů nejen prostřednictvím WordPressu.
Nedostatečným kontrastem na webech jsme postižení úplně všichni, bez ohledu na nastavení našich očí, displejů nebo momentální nálady slunce. V článku se podíváme blíže na doporučené minimální hodnoty kontrastu, jeho měření a také nastavování barev u projektu s ohledem na něj.
Lighthouse je velmi důležitý nástroj. Chcete vědět proč? Google jeho prostřednictvím totiž webařům radí, jak vyzrát na Google.