Priority Hints a atribut fetchpriority: jak vytunit rychlost načtení prvků stránky
29. 8. 2022 — S pomocí Priority Hints můžete zrychlit načtení webu jen pomocí přidání pár řádků kódu. Má to ale pár „ale“…
PODCAST: Ohlédnutí za WebExpo 2022 (Podcast LIVE)
19. 7. 2022 — Viděli jsme se poprvé na živo a s publikem, v malém kině Lucerna, hned po skončení WebExpo 2022. Nebylo to osobní setkání po čtyřech letech natáčení trošku zvláštní?
CSS pro tisk, aneb jak jsem sázel knihu „CSS: moderní layout“
23. 6. 2022 — Přečtěte si, jak jsem se stal sazečem své vlastní knihy. Stalo se tak s pomocí webových technologií, knihovny Paged.js a několika přesně mířených ručních zásahů do PDF v Acrobatu.
Jak prohlížeče směřují od konkurence ke spolupráci (frontendová keynote z WebExpo 2022)
15. 6. 2022 — Na letošním WebExpu jsem uvedl program dodávaný naší komunitou Frontendisti.cz krátkou keynote o zásadních změnách, které se aktuálně dějí ve vývoji prohlížečů.
Novinky z Google I/O 2022 a proč prohlížeče najednou táhnou za jeden provaz?
18. 5. 2022 — Vývojářskou konferenci Googlu po očku sleduji každý rok, ale tentokrát je nutné k ní i něco napsat.
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.
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ů.
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í.
Případová studie: Přístupnost na Rohlík.cz
19. 2. 2021 hostuje Veronika Bedáňová — V Rohlíku jsme přístupnost řešili vždy, ale na novou úroveň ji dostal audit a zjištění, že naše služba může být pro uživatele se zdravotními omezeními opravdu užitečná.
Preload: Přednačtení prvků stránky detailně a do hloubky
26. 5. 2020 — Hlavičková deklarace PRELOAD vyvolává dřívější stažení prvku stránky a v případě JavaScriptu odděluje stažení od spuštění.
Strukturovaná data (aneb Rich Snippets): Kódem za atraktivnější výsledky vyhledávání pro váš web
5. 5. 2020 — Svoje problémy strukturovaná data mají, ale pragmaticky vzato – velmi doporučuji data v JSON-LD připravovat.
Poměr stran obrázků jednoduše (pomocí atributů WIDTH a HEIGHT ve značce IMG)
27. 4. 2020 — Vyplňujme prosím poctivě atributy width a height u obrázků. Díky tomu se vám nerozsype layout stránky při jejím vykreslování.
Značka <script>: Vše o vkládání JavaScriptu do HTML
21. 4. 2020 — Pomocí značky SCRIPT nevkládáme jen externí skripty, ale také datové bloky. Jaké metody vložení známe a co přesně dělá NOSCRIPT?
Použití preconnect & dns-prefetch pro včasné připojení k doménám třetích stran a zvýšení rychlosti webu
15. 1. 2020 — Meta značky, které prohlížeč informují o našich úmyslech navazovat spojení na cizí domény.
Lazy loading obrázků a iframe: Kompletní průvodce implementací (včetně nativní podpory v prohlížečích)
14. 8. 2019 — Velký text, ve kterém se podíváme na konkrétní možnosti implementace lazy loadingu do vašich webů. Od nativní podpory v prohlížečích po knihovny nebo vliv na SEO a UX.