Nová kniha „CSS: moderní layout“ je tady!
12. 5. 2022 — Milé čtenářky, milí čtenáři, dnes pouštím do světa svou novou knihu pojmenovanou „CSS: moderní layout“.
Selektory v CSS: znáte je všechny?
5. 5. 2022 — Doplňuji mezery v pokrývání základů CSS. Cílím zde především na začátečníky, ale myslím, že osvěžit si tohle téma neuškodí ani pokročilým.
Relační selektor :has – zdaleka ne jen selektor rodiče
12. 4. 2022 — Na tohle se těším. Safari od verze 15.4 podporuje relační pseudotřídu :has. Dočkáme se tedy brzy selektoru pro rodičovský prvek? Možná ano. A nejen toho.
PODCAST: Anketa „State of CSS 2021“ a co očekávat v roce 2022?
7. 2. 2022 — Robin a Martin tradičně reagují na výsledky ankety State of CSS 2021. Nejprve krátké zamýšlení o výhodách a nevýhodách anket. Pak už sypeme novinky a přemýšlíme, jak užitečné pro webaře mohou být.
Rok 2021: State of CSS, rychlost a to nejlepší ze Vzhůru dolů
5. 1. 2022 — Čeho to byl rok, alespoň v rámci rychlosti a CSS? Rok Page Experience, rok CSS gridu, rok obrázků ve formátu WebP? Rok konce Internet Exploreru? Nebo snad rok CSS Modules, jak tvrdí anketa State of CSS?
CSS deskriptor size-adjust
8. 12. 2021 — Upravte velikost systémového písma a zabraňte nechtěným posunům obsahu při načtení vašeho fontu. Dneska rozebereme novinku v CSS s dobrou podporou v prohlížečích.
Vlastnost aspect-ratio v CSS: Poměr stran snadno a elegantně
22. 10. 2021 — [Aktualizace: podpora je nově ve všech prohlížečích] Od září '21 můžeme všude používat vlastnost aspect-ratio, která umožňuje vytvářet kontejnery pro asynchronní obsah a zabránit tak nechtěnému poskakování obsahu.
Zápis image-set(): více verzí obrázků v CSS
7. 10. 2021 — [Aktualizace: Nově zápis podporuje Firefox] Zase jeden důvod říct si „hurá!“. Od druhé poloviny roku 2021 tento zápis podporuje Firefox. Díky tomu už bude brzy možné základní varianty zápisu image-set() používat ve všech moderních prohlížečích.
Logické vlastnosti a rozměry v CSS (Logical Properties and Values)
1. 10. 2021 — Občas v CSS potřebujeme tvořit layout v jazycích, které mají jiný směr než ty evropské. Nejen pro tyhle účely vznikla abstraktní vrstva nad fyzickými směry (left, top) jménem CSS Logical Properties. Myslím, že to může být zajímavé, i když nepracujete zrovna s arabštinou nebo japonštinou.
CSS vlastnost gap: mezera pro flexbox a grid
14. 9. 2021 — Mezery v layoutech tvořených mřížkou možná už znáte. Věděli jste ale, že je možné vlastnost gap použít ve flexboxu a někdy i u vícesloupcového layoutu? V tomto detailním textu navíc poukazuji na některé nečekané jevy. Věděli jste například, jak se budou chovat procenta v hodnotě vlastnosti gap?
PODCAST: Letní speciál o Container Queries
7. 9. 2021 hostuje Robin Pokorný — V tomhle díle podcastu si Robin s Martinem povídali o novince, která se nedávno objevila v Chrome. O technologii, kterou si oba dlouho v CSS přáli. O specifikaci, které by mohla být tou nejdůležitější za posledních několik let. O Container Queries.
Checklist pro frontendisty před spuštěním webu (update 2021)
30. 8. 2021 — [Aktualizováno] Proč dělat weby blbě, když je můžeme dělat dobře? Třeba podle checklistu ze Vzhůru dolů.
CSS funkce min(), max(), clamp(): minima, maxima a ideály hodnot
10. 8. 2021 — Funkce, které umožňují porovnat dvě a více hodnoty se díky své univerzálnosti velmi hodí. Navíc mají výbornou podporu v moderních prohlížečích. Pojďme je prozkoumat.
Tailwind CSS: další evoluční krok pro CSS frameworky
21. 7. 2021 — Tailwind je velmi zajímavý CSS framework, postavený na atomických třídách, ale zároveň ponoukající k vytváření komponent. Pro spoustu lidí může konečně o framework jejich gusta a i mě se velmi líbí.
Odpočívej v pokoji, Microsoft Internet Explorere, a díky za všechno!
23. 6. 2021 — Podíl zastoupení MSIE na českém trhu se nedávno dostal pod 2 %, každým měsícem silně klesá a za rok končí prohlížeči podpora od Microsoftu. Toto je moje osobní rozloučení s prohlížečem, který kdysi do webdesignu přinesl mnoho dobrého.