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 12. listopadu 2019 09:25
Návratový kód HTTP 304
RSS export naposledy zpracován 11. listopadu 2019 11:00
Kontrola aktuálnosti naplánována na 12. listopadu 2019 09:35

AMP Cache: Servery, které dělají zázraky s rychlostí AMP stránek

AMP Cache a URL stránkyNaposledy upraveno: – Autor: Martin Michálek Pojďme se bavit o AMP Cache. Jde o sestavu optimalizovaných serverů, které pokrývají celou zeměkouli a společnosti Google, Microsoft a Cloudflare na ně po automatických optimalizacích…

Vzhůru dolů | Včera 7:00 | # Nové 

Zachování poměru stran v CSS: Metoda s pading-top nebo padding-bottom

Zachování poměru stran v CSS: Metoda s pading-top nebo padding-bottomNaposledy upraveno: – Autor: Martin Michálek Často se stává, že během načítání externích zdrojů stránky – jako jsou obrázky, video nebo obsah prvku – potřebujeme držet poměr stran. Ze…

Vzhůru dolů | 7. 11. 2019 12:30 | #

Zděděná a výchozí hodnota v CSS, vlastnost all a klíčová slova inherit, initial, unset, revert

Zděděná a výchozí hodnota v CSS, vlastnost all a klíčová slova inherit, initial, unset, revertNaposledy upraveno: – Autor: Martin Michálek Pojďme zjistit, jak vracet nastavení vlastnosti k výchozí nebo poděděné hodnotě. V předchozím textu jsme se…

Vzhůru dolů | 5. 11. 2019 6:45 | #

Dědičnost v CSS: Co to je a kterých vlastností se týká?

Dědičnost v CSS: Co to je a kterých vlastností se týká?Naposledy upraveno: – Autor: Martin Michálek Dědičnost je spolu s kaskádou jako dva bráchové. A my, weboví vývojáři, jejich rodiče. Občas nás děti dost zlobí, jindy se mezi sebou mlátí… prostě nám…

Vzhůru dolů | 30. 10. 2019 15:45 | #

Podcast: S Alešem Nešetřilem o STRV, prezentaci své práce, WorkResponsibly.org a Webflow

Aleš Nešetřil vede designéry v STRV, má ohromné množství followerů a zajímavý profil na Instagramu, dělá krásné bokovky jako WorkResponsibly.org a do toho všeho je staví na webdesignérském nástroji Webflow. To je víc než dost zajímavých témat na jeden…

Vzhůru dolů | 21. 10. 2019 5:45 | #

Webpack: Úplné základy a tutoriál k tomu

Webpack: Úplné základy a tutoriál k tomuNaposledy upraveno: – Autor: Martin Michálek Webpack je nástroj pro zpracování souborů a usnadnění práci vývojářů. Jde o kombinaci balíčkovače (module bundler jako je Browserify) se spouštěčem úloh (task runner…

Vzhůru dolů | 9. 10. 2019 9:30 | #

JavaScript v AMP a inovace jménem amp-script

JavaScript v AMPNaposledy upraveno: – Autor: Martin Michálek Už asi víte, že na psaní JavaScriptu musíte v AMP jít trochu jinak než u obyčejných webových stránek. Běžný autorský JavaScript je zde zcela zakázaný. Prostě smůla. To se projevuje zejména…

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

CSS funkce minmax() a klíčová slova min-content, max-content a fit-content

CSS funkce minmax() a klíčová slova min-content, max-content a fit-contentNaposledy upraveno: – Autor: Martin Michálek Funkce (nebo přesněji řečeno „zápis“) minmax() a navázaná klíčová slova slouží k definování rozsahu šířky nebo výšky pro sloupce nebo…

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

Progresivní webové aplikace: Co to je? A jak webu zařídit plné hodnocení PWA v Lighthouse

Progresivní webové aplikace: Co to je? A jak webu zařídit plné hodnocení PWA v LighthouseNaposledy upraveno: – Autor: Martin Michálek PWA (progresivní webové aplikace) je označení pro weby, které přebírají některé vlastnosti nativních aplikací: umí…

Vzhůru dolů | 26. 9. 2019 14:10 | #

Podcast: S Riki Fridrichem o současnosti a budoucnosti javascriptových frameworků

Riki je javascriptový vývojář, který nedávno začal školit Vue.js. Robin je také javascriptový vývojář. A Martina zajímá stav a budoucnost javascriptových frameworků. Tak jsme to dali dohromady. Procházíme krajinou frameworků od Angularu.js, přes dnes…

Vzhůru dolů | 20. 9. 2019 6:10 | #

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ů | 18. 9. 2019 6:15 | #

Funkce repeat() v CSS gridu (a klíčová slova auto-fill a auto-fit)

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 (aktualizováno pro verzi 2.3.0)

Š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? (+ video)

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 | #