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.
AMP HTML: Čím se liší oproti HTML, co zakazuje a co nového přináší?
19. 7. 2019 — AMP HTML je norma vycházející z HTML 5 – upravuje si ji ale směrem k cílům této technologie: k rychlosti a použitelnosti.
Weby bez CSS: Existuje to vůbec? A jak to testovat?
4. 3. 2018 — I váš web se možná někde zobrazuje bez vašich pečlivě připravených CSS.
Vše o prvku BUTTON a tlačítkách v HTML
24. 10. 2017 — Prvek <button> reprezentuje tlačítko. Tím bychom mohli skončit a jít na pivo, že jo? To byste ale byli na špatném blogu.
Rozhovor před WebExpo: S Markem Robbinsem o moderním kódování e-mailů
7. 9. 2017 — Umíte si představit kódování newsletterů bez tabulek a inline stylů? Používání moderních CSS3 technologií nebo třeba SVG tamtéž? Sci-fi!?
Picture, nová značka pro vkládání obrázků
21. 6. 2017 — Aktualiace textu o novém tagu, umožňujícím definování variant obrázku pro různé stavy v responzivním webdesignu.
BEM: Pojmenovávací konvence pro třídy v CSS
5. 6. 2017 — Block, Element, Modifier. Nově přepsaný článek o metodice pro pojmenovávání tříd v komponentách.