Vzhůru dolů

Základní informace o zdroji

Podtitulek Současný webový frontend.
Domovská stránka https://www.vzhurudolu.cz/
RSS export http://feeds.feedburner.com/vzhurudolu_clanky

Systémové informace o zdroji

ID 139
Jmenné ID vzhurudolu
Články ručně přidává správce systému NE
Články jsou schvalovány správcem NE
Titulek zdroje stahován z RSS exportu ANO
Kontrola aktuálnosti proběhla 19. září 2019 20:50
Návratový kód HTTP 304
RSS export naposledy zpracován 18. září 2019 06:15
Kontrola aktuálnosti naplánována na 19. září 2019 20:57

Paul Bakaus: „AMP je docela nepochopený projekt“

Za pár dní bude na WebExpo v Praze přednášet Paul Bakaus z týmu stojícím za technologií AMP, kterou v poslední době na Vzhůru dolů potkáváte často. Zeptal jsem se jej na pár otázek. Dozvíte se, zda je možné AMP považovat za následníka jQuery ekosystému…

Vzhůru dolů | Včera 6:15 | # Nové 

Funkce repeat() v CSS gridu

CSS funkce repeat()Naposledy upraveno: – Autor: Martin Michálek Funkce (nebo přesněji řečeno „zápis“) repeat() slouží k usnadnění opakujících se předpisů pro sloupce nebo řádky mřížky v CSS gridu. Vypadá například takto: .container {…

Vzhůru dolů | 13. 9. 2019 2:20 | #

Lighthouse Performance Score: metrika všech syntetických metrik rychlosti webu

Lighthouse Performance Score: metrika všech syntetických metrikNaposledy upraveno: – Autor: Martin Michálek Co je Lighthouse Performance Score? Jednoduše řečeno jde o číslo, kterým rychlost vaší stránky zhodnotí nástroje Lighthouse nebo PageSpeed…

Vzhůru dolů | 9. 9. 2019 7:00 | #

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

Š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. Lazy loading jako takový představovat nemusím. Co ovšem představit chci, je moje knihovna zvaná MiniLazyload…

Vzhůru dolů | 3. 9. 2019 4:21 | #

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

Ano, je to tak. Otevíráme hned dva nové kurzy. Od října AMP a od listopadu Vue.js. AMP: rychlé weby snadno (8. 10. a 7. 11. v Praze) Jednodenní praktický workshop, který vede Martin. Školení navazuje na knížku a zaměříme se na něm na kódování příkladu…

Vzhůru dolů | 29. 8. 2019 8:00 | #

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

Na WebExpo vás zvu skoro každý rok (například na ročníky 2018, 2016, 2015), takže letos nemůžu udělat výjimku. Šárka Štrossová s týmem letos naplnila program hodně zajímavými jmény z oblastí, které mě a asi i vás, čtenáře Vzhůru dolů, zajímají. Z…

Vzhůru dolů | 27. 8. 2019 7:45 | #

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

Jednotka fr v CSSNaposledy upraveno: – Autor: Martin Michálek Jedná se o flexibilní jednotku, která reprezentuje podíl na volném prostoru v CSS gridu. Proto fr jako fraction unit. Využívá se ve vlastnostech popisující mřížku, jako jsou…

Vzhůru dolů | 21. 8. 2019 8:15 | #

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

CSS a webfonty v AMPNaposledy upraveno: – Autor: Martin Michálek Už víme, co je AMP a známe omezení, která tato technologie pro tvorbu velmi rychlých webů aplikuje na HTML kód. Dnes se podíváme na kaskádové styly, animace a webfonty v AMP stránkách. I…

Vzhůru dolů | 18. 8. 2019 6:15 | #

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

Lazy loading obrázků a iframe na webuNaposledy upraveno: – Autor: Martin Michálek Připomeňme, že lazy loading je technika pro odložení načtení prvků webu až na moment, kdy jsou opravdu potřeba. V předchozím textu jsme se zabývali hlavně důvody pro jeho…

Vzhůru dolů | 14. 8. 2019 10:40 | #

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

Co přineslo firmám nasazení AMP?Naposledy upraveno: – Autor: Martin Michálek Podívejme se na několik případových studií úspěšného nasazení AMP. Předností zrychlovací technologie je zrychlení webů, to víme. A víme i to, že zrychlením webu můžeme zvýšit…

Vzhůru dolů | 7. 8. 2019 8:05 | #

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

Vlastnosti grid-template-rows a grid-template-columns: definice explicitního griduNaposledy upraveno: – Autor: Martin Michálek CSS vlastnosti grid-template-rows a grid-template-columns slouží k nastavení explicitní (tedy námi výslovně definované) mřížky…

Vzhůru dolů | 29. 7. 2019 7:05 | #

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

AMP HTMLNaposledy upraveno: – Autor: Martin Michálek 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. V této ukázce z knihy Vzhůru do AMP si dopodrobna vysvětlíme rozdíly mezi…

Vzhůru dolů | 19. 7. 2019 8:25 | #

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

CSS proměnné: 6 praktických příkladů, které vás nakopnou k jejich používáníNaposledy upraveno: – Autor: Martin Michálek „CSS proměnné“ (nebo také autorské vlastnosti) už známe z předchozího textu. V tomhle se podívejme na jejich praktické použití…

Vzhůru dolů | 17. 7. 2019 9:35 | #

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

Kde je možné potkat AMP stránky?Naposledy upraveno: – Autor: Martin Michálek AMP využívá hlavně Google, ale také třeba LinkedIn, Pinterest, Bing a trochu i Twitter. Podívejme se, kde všude vám pomůže vytvoření rychle se načítající stránky pomocí téhle…

Vzhůru dolů | 4. 7. 2019 2:35 | #

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

CSS proměnné (nebo také autorské či volitelné vlastnosti)Naposledy upraveno: – Autor: Martin Michálek 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…

Vzhůru dolů | 1. 7. 2019 8:20 | #

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

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. Hodně se zaměřují na využití AMP jako frameworku pro tvorbu webů a co Robin slyšel na AMP roadshow v…

Vzhůru dolů | 26. 6. 2019 6:20 | #

AMP weby: Co to je a proč nás to má vůbec zajímat?

AMP weby: Co to je a proč nás to má vůbec zajímat?Naposledy upraveno: – Autor: Martin Michálek Delší, hlubší a propracovanější odpověď na otázku „Co je AMP a proč mě má zajímat?“ samozřejmě najdete v e-booku. V tomhle textu se pokusím o úvod pro ty…

Vzhůru dolů | 24. 6. 2019 7:05 | #

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

Milé čtenářky, milí čtenáři, s velkou radostí vítám na světě náš nový e-book. Vzhůru do AMP vám na více než třech stovkách stránek detailně představí technologii bezkonkurenčně rychlých webů a zároveň efektivní frontendový framework – AMP. Tentokrát…

Vzhůru dolů | 18. 6. 2019 10:55 | #

CSS: Optimalizace datové velikosti

CSS: Optimalizace datové velikostiNaposledy upraveno: – Autor: Martin Michálek CSS je zdroj, který vždy blokuje vykreslení stránky a proto se každý jeho kilobajt počítá. Ukažme si osm kroků, kterými je možné optimalizovat datovou velikost stylů a…

Vzhůru dolů | 12. 6. 2019 7:24 | #

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

SpeedCurve: Nástroj pro průběžnou analýzu rychlosti webuNaposledy upraveno: – Autor: Martin Michálek Pojďme si dnes něco povědět o hlavním nástroji, který u klientů používám pro analýzu rychlosti webu. Obrázek: Úvodní stránka SpeedCurve nabízí základní…

Vzhůru dolů | 29. 5. 2019 5:35 | #

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

Deskriptor font-display: Jak na řízené vykreslování webfontů?Naposledy upraveno: – Autor: Martin Michálek Vlastnost font-display určuje, jak se bude během stahování vykreslovat webový font. Umožní renderovat webfonty bez zbytečného probliknutí a…

Vzhůru dolů | 20. 5. 2019 16:00 | #

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

Honza je jeden z propagátorů myšlenky, že grafika by měla především plnit cíle webu. Líbivost a moderní trendy nám tohle ale vždy nezaručí. To asi není nic nového, ale Honza jde dál. Kromě wireframů by se měly testovat i grafické návrhy, říká. V…

Vzhůru dolů | 13. 5. 2019 6:35 | #

AMP Conf 2019: Co je nového kolem AMP?

Už je to pár týdnů, kdy proběhla nejnovější konference představující novinky ze světa AMP. Neměl jsem ale moc času sepsat všechny ty zajímavé body, protože dopisuju e-book… no… hádejte o čem. Zpráv bylo docela dost. Vybral jsem zde čtyři nejzajímavější…

Vzhůru dolů | 8. 5. 2019 20:10 | #

WordPress: Startovací témata vzhledu pro frontendisty

Honza Bien, lektor našeho školení WordPressu, vám v textu doporučí několik základních stavebních kamenů pro vybudování vlastního tématu vzhledu a to včetně frontendového devstacku. Nejprve si ale pojďme ujasnit terminologii: Téma vzhledu (theme) – celý…

Vzhůru dolů | 22. 4. 2019 7:25 | #

Co je „Doba do načtení prvního bajtu“ (aneb „Time To First Byte“ aneb TTFB)?

Co je „Doba do načtení prvního bajtu“ (aneb „Time To First Byte“ aneb TTFB)?Naposledy upraveno: – Autor: Martin Michálek Metrika rychlosti webu, která vzniká ve chvíli, kdy prohlížeč stáhne první bajt z vašeho HTML. Ukazuje tedy rychlost serveru a…

Vzhůru dolů | 8. 4. 2019 7:00 | #

AMP pro e-mail: Je to venku. V Gmailu, Yahoo mailu, Outlook.com a Mail.ru

Počínaje včerejškem je možné zobrazovat zprávy ve formátu AMP v Gmailu. To ale není všechno, přidávají se i další tři důležití světoví provozovatelé freemailu: AMP is powering a brand new way to do email with realtime information & in-line actions…

Vzhůru dolů | 27. 3. 2019 7:00 | #

Devstac­ky: In­spi­rač­ní ka­ta­log nástrojových zá­kla­den

Devstac­ky: In­spi­rač­ní ka­ta­log fron­ten­do­vých zá­kla­denNaposledy upraveno: – Autor: Martin Michálek Cílem je poskytnout méně zkušeným inspiraci pro práci na vlastním devstacku. Proto kladu důraz na česky zdokumentované zástupce, ale pro pořádek…

Vzhůru dolů | 26. 3. 2019 6:40 | #

Pod­cast: S On­dře­jem Ma­chul­dou o tes­to­vá­ní webo­vých apli­ka­cí

Ondra se už několik let věnuje automatickému testování webových aplikací, záváděl jej do workflow Jobs.cz a dalších produktů LMC a o svoje zkušenosti se podělil v řadě přednášek. Během rozhovoru probereme toto téma od začátku do konce: Co je dobré…

Vzhůru dolů | 18. 3. 2019 6:25 | #

Naše fron­ten­do­vá ško­le­ní v Brně. Jen jed­nou ročně

Konečně i na blogu moc rád představuji velkou inovaci na našich školeních. Jmenuje se Brno. Přesně tak, jednou ročně organizujeme všechny termíny našich školení i v jihomoravské metropoli. Letos to vychází na duben a květen. Vycházíme tak vstříc vám,…

Vzhůru dolů | 14. 3. 2019 20:50 | #

Ja­vaScript: Pri­o­ri­ty sta­ho­vá­ní a spouš­tě­ní

JavaScript: Priority stahování a spouštěníNaposledy upraveno: – Autor: Martin Michálek Navážu zde na výborný přehled od autorů Chrome a doplním jej dalšími postřehy. Jak je to s prioritami JavaScriptu při různých způsobech vložení do stránky? Způsob…

Vzhůru dolů | 13. 3. 2019 6:20 | #