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.
Checklist pro frontendisty před spuštěním webu (update 2019)
2. 12. 2019 — Proč dělat weby blbě, když je můžeme dělat dobře? Podle checklistu ze Vzhůru dolů.
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.
Ilustrace ve stránce: značky Figure a Figcaption
5. 4. 2017 — Užitečný pár značek, který umožní vkládat videa, schémata, grafy, tabulky, ilustrace, ukázky kódu nebo třeba reklamy.
Jak definovat strukturu v HTML a proč jsem začal mít rád HTML5 tagy
2. 3. 2017 — Sekční tagy a role atributy umožňují lépe strukturovat stránku. Užitečné jsou hlavně ve slepeckých čtečkách. A myslím, že je čas se s nimi skamarádit.
NN Group: Jak vylepšit formulářové prvky pro vložení datumu?
9. 2. 2017 — Stručné shrnutí článku. Jak vylepšit input type=date z pohledu uživatelského.