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…
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 {…
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…
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…
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…
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…
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…
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…
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…
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…
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…
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…
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í…
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…
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…
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…
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…
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…
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…
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í…
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…
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…
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ší…
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ý…
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…
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…
Devstacky: Inspirační katalog nástrojových základen
Devstacky: Inspirační katalog frontendových základenNaposledy 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…
Podcast: S Ondřejem Machuldou o testování webových aplikací
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é…
Naše frontendová školení v Brně. Jen jednou 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,…
JavaScript: Priority stahová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…