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í.

PODCAST: 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.