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…
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…
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…
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…
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…
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…
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…
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…
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í…
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…
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 (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 {…
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 (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…
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? (+ 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…
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í…