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.

Lighthouse ve verzi 9: přepracované UI a User Flows

23. 11. 2021 — Nová verze nástroje pro audit webu Lighthouse přináší přepracované rozhraní testů, nové PageSpeed Insights a také User Flows, možnost testovat průchod uživatele službou, včetně jeho interakcí.

Lighthouse: audit webu od Google

16. 11. 2021 — [Aktualizace po vydání Lighthouse 9] Proč a jak Lighthouse používat. Co umí a jak funguje. Podíváme se taky na použití pomocí příkazové řádky a pravidelné spouštění.

O MicroFrontends s Břéťou Proftem

26. 10. 2021 — Břéťa Proft z Pipedrive (a z Prahy) s námi sdílel zkušenosti s mikrofrontendy, takže jsme opět pokryli jedno téma, které na nás vyskakovalo v předchozích epizodách. Zde očekávejte úvod do microfrontends, ale také porovnání zkušenosti Břéťovy a Robinovy firmy.

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.

Open Graph: meta značky pro sociální sítě

20. 10. 2021 — V novém textu se budeme zabývat starou známou věcí – náhledy webů pro Facebook, Twitter a další. Specifikace Open Graph, Twitter Cards a oEmbed ale prozkoumáme za hranice základů a uděláme to opět salámovou metodou.

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?

WebExpo 2021: Konečně osobně!

10. 9. 2021 — „Hlavně aby to bylo. Hlavně aby to bylo. Hlavně abychom se viděli osobně.“ říkám si už rok a půl. A je to tady. Už za čtrnáct dní. Zvu vás na své mentor hours a těším se na shledání s vámi.

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.

Google Page Experience update: Skoro vše co potřebujete vědět

2. 9. 2021 — Google nasadil aktualizaci Page Experience, která bude daleko více zohledňovat rychlost webů, ale také širší oblast UX. Článek je výsledkem zamyšlení a rešerší na základě mnoha otázek, které mi v souvislosti s Page Experience update přišly na mysl.