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 22. ledna 2020 22:35
Návratový kód HTTP 304
RSS export naposledy zpracován 21. ledna 2020 06:20
Kontrola aktuálnosti naplánována na 22. ledna 2020 22:45

Podcast: Speciál o frontendových technologiích roku 2019

Po roce si opět Martin s Robinem sedli, aby probrali ty nejdůležitější změny a novinky roku 2019. Dokonce se odhodlali k několika předpovědím do riku 2020. Dotknou se konce IE11, výsledků průzkumu State of JS a nebo také nástroje Lighthouse. Povídají si…

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

Použití preconnect & dns-prefetch pro včasné připojení k doménám třetích stran a zvýšení rychlosti webu

Docela často se stává, že na stránce potřebujeme stahovat prvky z jiných domén než je ta hlavní, na které web běží. Prohlížeč ovšem musí pro každou novou doménu zjednodušeně řečeno navázat spojení. A je blbé, když to dělá mnohokrát během procesu…

Vzhůru dolů | 15. 1. 2020 6:40 | #

Optimalizace rychlosti komponent třetích stran: Když se chce, všechno jde

Komponenty třetích stran (third parties nebo také 3P) nám zpomalují weby. To víme. Ale skutečně jsme jako vývojáři proti nim tak bezbranní, jak si občas myslíme? V posledních měsíci jsem měl to štěstí (s ironií i bez), že jsem u několika klientů řešil…

Vzhůru dolů | 9. 1. 2020 6:00 | #

Nový rok, dva nové kurzy: „Výkon webu v prohlížeči“ a „Od dokumentace k systémům designu“

Dvojkový rok 2020 začínáme zostra. Dvěma zbrusu novými školeními. Už za měsíc na nich můžete získat velmi cenné znalosti i vy. Rychlost a výkon webu v prohlížeči Michal Matuška vám ukáže, jak funguje prohlížeč a jak ladit „runtime“ výkon – tedy rychlost…

Vzhůru dolů | 6. 1. 2020 14:50 | #

Rok 2019 na Vzhůru dolů: nejpopulárnější články, odkazy, video a podcast

Připravil jsem pro vás shrnutí toho nejpopulárnějšího, s čím jste se mohli setkat na Vzhůru dolů v roce 2019. Jaké články, odkazy z newsletteru, videa a podcasty vás zaujaly? Sedm nejčtenějších článku roku Vybírám jen články, které vznikly právě loni…

Vzhůru dolů | 2. 1. 2020 13:50 | #

Podcast: S Michalem Matuškou o konferenci performance.now(), rychlosti webů a WebAssembly

Šéf vývoje SUPERKODERS přijal naše pozvání jen pár týdnů po návratu z amsterodamské akce na téma rychlost webů. Povídáme si o kultuře rychlosti ve firmách, měření rychlosti v Google Analytics, inteligentním prefetchingu, nastavení serverů pro HTTP/2…

Vzhůru dolů | 19. 12. 2019 6:46 | #

Cypress.js: End-to-end testy v praktickém tutoriálu

Tomáš Smetka z Pilulka.cz vám v dnešním textu představí end-to-end testování s Cypress.js. End-to-end (E2E) testy provádějí ověření kompletních procesů v aplikaci. U webových aplikací jde o test prováděný automaticky, ale očima uživatele, ověřující…

Vzhůru dolů | 17. 12. 2019 5:20 | #

Chrome UX Report: Data o rychlosti webu přímo od uživatelů

Chrome UX Report (nebo také CrUX, v běžné mluvě klidně „krux“) je databáze dat o kvalitě uživatelského prožitku, kterou o webech sbírají všechny verze prohlížeče Chrome. Google takhle získaná data poctivě skladuje ve své olbřímí databázi BigQuery…

Vzhůru dolů | 12. 12. 2019 13:40 | #

Checklist pro frontendisty před spuštěním webu (update 2019)

Proč dělat weby blbě, když je můžeme dělat dobře? Podle checklistu ze Vzhůru dolů. Náš kontrolní seznam je zaměřený primárně na frontendové vývojáře a vývojářky, ale zohledňuje i nejvýznamnější úkoly pro backendisty, marketéry a designéry. Zaměřujeme se…

Vzhůru dolů | 3. 12. 2019 6:35 | #

AMP Email: Přinese dynamický e-mail revoluci v tvorbě newsletterů?

U příležitosti spuštění podpory AMP Emailu v mobilních aplikacích Gmailu publikujeme ukázku z e-booku Vzhůru do AMP. AMP Email je podmnožina frameworku AMP, která slouží ke tvorbě interaktivních e-mailů. AMP is powering a brand new way to do email with…

Vzhůru dolů | 28. 11. 2019 6:05 | #

CSS vlastnosti object-fit a object-position: Ořez obrázků vložených v HTML

Vlastnosti object-fit a object-position slouží k upřesnění rozměru a pozice u externích médií vkládaných do HTML, takže především obrázků ve značce , ale také obsahu prvků , nebo . Vlastnosti nepodporuje Internet Explorer, proto jsou zatím použitelné…

Vzhůru dolů | 26. 11. 2019 5:00 | #

Poměr stran v CSS: Všechny metody pro zabránění poskakování layoutu stránky při vykreslování

Poměr stran v CSSNaposledy upraveno: – Autor: Martin Michálek Jak v CSS udržet poměr stran než se vykreslí složitější komponenta nebo responzivní médium? V textu jsou popsané nejznámější metody, včetně triků s paddingem, s autorskými vlastnostmi a…

Vzhůru dolů | 19. 11. 2019 7:00 | #

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ů | 11. 11. 2019 7:00 | #

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