MiniLazyload: Minimalistická knihovna pro líné načtení obrázků a IFRAME

3. 9. 2019 na blogu

Šimon Raichl z Pilulka.cz vám v dnešním textu představí svou miniaturní, ale chytře navrženou knihovnu pro líné načtení obrázků a iframe.

AMP a Vue.js: Dva nové kurzy jsou tady!

29. 8. 2019 na blogu

Ano, je to tak. Otevíráme hned dva nové kurzy. Od října AMP a od listopadu Vue.js.

Pozvánka na WebExpo 2019: Rychlost webu, systémy designu, AMP, web components a dieta na rozhodování

27. 8. 2019 na blogu

Na WebExpo vás zvu skoro každý rok, takže letos nemůžu udělat výjimku.

Jednotka fr: Podíl na rozměru v CSS gridu

21. 8. 2019 v příručce

Jedná se o flexibilní jednotku, která reprezentuje podíl na volném prostoru v CSS gridu. Proto fr jako fraction unit.

CSS, webfonty a animace v AMP: průvodce vývojáře

18. 8. 2019 v příručce

I na úrovni CSS nás podobně jako v případě HTML čeká pár zákazů. Nebo jim budeme říkat inovace?

Lazy loading obrázků a iframe: Kompletní průvodce implementací (včetně nativní podpory v prohlížečích)

14. 8. 2019 v příručce

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.

Lazy loading v kontextu webového frontendu: co to je a proč to dělat?

12. 8. 2019 v příručce

Obecně o principu líného načtení obrázků, iframe a dalších prvků, který může zrychlit načtení stránky.

Případové studie k nasazení AMP: 5× rychlejší web a 80 % konverzí navíc

7. 8. 2019 v příručce

Podívejme se na několik případových studií úspěšného nasazení na světové i české weby. Jaký má AMP vliv na obchodní ukazatele webů?

CSS Grid: Kompletní příručka všech vlastností (s příklady)

2. 8. 2019 v příručce

Aktualizovaná příručka nové sady vlastností pro tvorbu layoutu vsazeného do pravidelné mřížky.

Vlastnosti grid-template-rows a grid-template-columns: definice explicitního gridu

29. 7. 2019 v příručce

První část z chystané příručky k vlastnostem CSS gridu.

AMP HTML: Čím se liší oproti HTML, co zakazuje a co nového přináší?

19. 7. 2019 v příručce

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.

CSS proměnné: 6 praktických příkladů, které vás nakopnou k jejich používání

17. 7. 2019 v příručce

Autorské vlastnosti v CSS se vám budou hodit, když potřebujete okamžitou změnu jedné nebo více vlastností prvků: na základě interakce uživatele nebo třeba uvnitř Media Query.

AMP: Odkud vám přinese návštěvnost pro web?

4. 7. 2019 v příručce

Platformy, které využívají AMP. Není to jen vyhledávání na Google, ale také třeba LinkedIn, Pinterest, Bing a trochu i Twitter.

CSS proměnné (nebo také autorské či volitelné vlastnosti)

1. 7. 2019 v příručce

Nativní proměnné v CSS jsou fajn. Od proměnných v preprocesorech, které asi znáte více, se liší tím, že se počítají přímo v prohlížeči a že jsou dostupné kromě CSS také v JavaScriptu a HTML.

Podcast: Speciál o AMP k vydání „Vzhůru do AMP“

26. 6. 2019 v podcastech

Robin a Martin si tentokrát vystačili sami. Aby ne – mluví o práci na e-booku, který napsali o svém oblíbeném tématu – zrychlovací technologii AMP.

Nový e-book: Vzhůru do AMP!

18. 6. 2019 na blogu

AMP přináší revoluci ve způsobu tvorby obsahových webů a e-shopů, takže by mělo zajímat všechny webové vývojáře, ale také marketéry a majitele webů.

CSS: Optimalizace datové velikosti

12. 6. 2019 v příručce

Velký článek o krocích, které je potřeba udělat ke zmenšení datového objemu stylů. Datová velikost CSS je totiž důležitá a každý bajt se počítá.

SpeedCurve: Nástroj pro průběžnou analýzu rychlosti webu

29. 5. 2019 v příručce

Pro mě nástroj číslo jedna pro průběžnou optimalizaci a měření rychlosti webu, který hlídá rychlostní limity, porovnává s konkurencí a mnoho dalšího.

Deskriptor font-display: Jak na řízené vykreslování webfontů?

20. 5. 2019 v příručce

Jak vykreslovat webfonty bez zbytečného probliknutí a jednotně v moderních prohlížečích?

Podcast: S Janem Junkem o tom, proč líbivá grafika webu nemusí fungovat

13. 5. 2019 v podcastech

Grafika by měla především plnit cíle webu. Líbivost a moderní trendy nám tohle ale vždy nezaručí.