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 | 21. září 2018 17:30 |
| Návratový kód | HTTP 304 |
| RSS export naposledy zpracován | 20. září 2018 06:00 |
| Kontrola aktuálnosti naplánována na | 21. září 2018 17:37 |
Knihkupectví a e-shopy. Nová místa, kde si teď můžete koupit knížku
Rok po vydání tištěné verze Vzhůru do (responzivního) designu jsem se rozhodl, že už je dost velká na to, aby mohla do světa. A tak vyrazila v mnoha kopiích do celého Česka. Proto ji teď máte mnohem blíž. Díky skvělé spolupráci s distribucí Kosmas.cz si…
Podcast: O prohlížeči Seznam.cz se Štěpánkou Lebedovou
Prohlížeči Seznamu roste podíl na českém trhu, což je důvod podívat se na něj z mnoha úhlů pohledu. Proč má vlastně Seznam svůj prohlížeč? Jak se odlišuje od konkurence? Jak se prosazuje na trhu? Na čem je postavený technicky a jaký to vliv má na práci…
Lighthouse: Nepostradatelná analýza webu od Google
Lighthouse: Nepostradatelná analýza webu od GoogleNaposledy upraveno: – Autor: Martin Michálek Lighthouse je velmi důležitý nástroj. Chcete vědět proč? Google jeho prostřednictvím totiž webařům radí jak vyzrát na Google. Používám jej hlavně pro analýzu…
WebExpo 2018: Moje přednáška o AMP. A na jaké další se chystám?
Letošní WebExpo je už za bukem. Dává smysl AMP použít na našich webech? Takovou otázku si kladu před svou letošní dvacetiminutovou přednáškou. Chci vynechat „filozofickou“ kontroverzi i detaily z popisu fungování téhle technologie a zaměřit se na reálná…
PageSpeed Insights: Podrobný průvodce nástrojem pro měření rychlosti
PageSpeed Insights: Podrobný průvodce nástrojem pro měření rychlostiNaposledy upraveno: – Autor: Martin Michálek PageSpeed Insights je asi nejznámější nástroj pro analýzu rychlosti načítání webů. Je skvělý pro získání základního přehledu, jak na tom web…
CSS grid: 3 příklady použití, které se vám budou líbit (a fallback k tomu)
CSS grid: 3 příklady použití, které se vám budou líbit (a fallback k tomu)Naposledy upraveno: – Autor: Martin Michálek CSS grid nádherně rozšiřuje možnosti layoutu ve webdesignu. Pojďte se nechat inspirovat několika příklady využití. Jeho podpora není…
Grid, Flexbox, rychlost načítání nebo organizace CSS: Podzimní školení začínají
Doražte se naučit nové frontendové technologie a taky si ušetřit spoustu času stráveného slepými uličkami samostudia. První tři školení už tradičně vedu já: kodéřinu, rychlost načítání a nový kurz organizace CSS. Dnešní webová kodéřina: Flexbox, Grid,…
Google Analytics: S jakými viewporty navštěvují uživatelé můj web?
Google Analytics: S jakými viewporty navštěvují uživatelé můj web?Naposledy upraveno: – Autor: Martin Michálek Data o velikostech okna (nebo viewportu) dodávají na rozdíl od rozlišení displeje do responzivního designu informaci, bez které se nedá…
Velikost okna prohlížeče v CSS a JavaScriptu: min-width, innerWidth, clientWidth
Velikost okna prohlížeče v CSS a JavaScriptu: min-width, innerWidth, clientWidthNaposledy upraveno: – Autor: Martin Michálek Na rozdíl od rozlišení displeje poskytuje velikost okna pro responzivní design webu velmi zajímavé informace. Kromě velikosti…
Rozlišení obrazovky ve webdesignu
Rozlišení obrazovky ve webdesignuNaposledy upraveno: – Autor: Martin Michálek Rozlišení displeje z pohledu webaře moc zajímavé není, protože weby vykreslujeme a přizpůsobujeme velikosti okna prohlížeče. Nicméně – občas se to hodí a možnosti jak…
GDPR pro weby: Všechno, co o tom vím (pod dohledem advokáta)
GDPR pro webaře: Všechno, co o tom vím (pod dohledem advokáta)Naposledy upraveno: – Autor: Martin Michálek O GDPR toho bylo napsáno hodně, zavedení do praxe už je za námi a hlavní vlna zájmu tedy opadla. Proč další článek o GDPR? Je to jednoduché –…
Podcast: S Pavlem Jaškem z Google o AMP
Před třemi lety představil Google technologii AMP pro tvorbu rychlých mobilních stránek. Ta hned vzbudila kontroverze. Tentokrát se vyhneme detailům programování a zaměříme se, takříkajíc na business. S analytikem Pavlem Jaškem si povídáme o využití AMP…
Dvě novinky od Google: Rychlost webu jako řadící signál a Chrome ještě více tlačí na HTTPS
Během července začaly platit dvě důležité změny ve vyhledávání a v prohlížeči Chrome. Rychlost webu jako řadící signál vyhledávače The Speed Update, which enables page speed in mobile search ranking, is now rolling out for all users!More details on…
Podcast: S Davidem Grudlem o vývoji open source a kampani na podporu vývoje Nette
David Grudl a další vedoucí členové Nette komunity se právě teď snaží získat finance na další vývoj tohoto velmi populárního PHP frameworku. Proč zrovna tímto způsobem? A jaké je vyvíjet dlouhá léta takhle velkou knihovnu s otevřeným kódem? Poslechněte…
Největší problém Bootstrapu: Chybějící style guide
Podívejte se, já jsem odjakživa velký fanoušek Bootstrapu. Ale jedna věc mě na něm v poslední době štve. Bootstrap je skvělý frontend framework pro tvorbu UI. Ve verzi 4 dle mého potvrdil, že díky své propracovanosti a schopností zaměřit se na to…
Ideální hodnoty metrik rychlosti načítání
Jaké jsou cílové hodnoty metrik jako Speed Index nebo Time To Interactive? Ideálně co nejblíže nule a maximálně o 20 % lepší než u nejlepší konkurence. OK, ale tohle může někomu znít vágně. Existují nějaké doporučované hodnoty, například od Google? Moc…
Sekce Vzhůru do práce: Proč a jak ji brzy uzavřu?
Jak už jsem avizoval, brzy na Vzhůru dolů zavřu agregátor pracovních pozic Vzhůru do práce. Bylo s ním nemálo práce a vím, že ho někteří využíváte. Nevidím v něm ale žádný potenciál a návštěvnost pomalu klesá: Se specializovaným agregátorkem pracovních…
Předprázdninová akce: Objednej školení, dostaneš knížku. Jen do konce června
Po čase tady mám zase výhodnou akci pro zájemce o podzimní termíny našich školení. Všichni, kteří objednají do konce června totiž dostanou tištěnou knížku a e-book Vzhůru do (responzivního) designu. Při objednávce kurzu prostě jen uveďte kód:…
Stylelint: Jak si jej nainstalovat v editorech kódu?
Stylelint: Jak si jej nainstalovat v editorech kódu?Naposledy upraveno: – Autor: Martin Michálek Pojďme si rozjet Stylelint přímo v editoru. Je to totiž to první místo, kde bychom jej měli používat. Sublime Text Přes Package Control si nainstalujte…
WebP obrázky: datově úsporná alternativa k JPEG, PNG i GIF
WebP obrázky: datově úsporná alternativa k JPEG, PNG i GIFNaposledy upraveno: – Autor: Martin Michálek WebP je formát bitmapových obrázků, který představil Google v roce 2010. Není sice podporovaný všemi prohlížeči, i tak je ale při vývoji dnešních webů…
Zásady psaní respektujícího CSS
Zásady psaní respektujícího CSSNaposledy upraveno: – Autor: Martin Michálek Pište kód jednotně a hlavně tak, aby se dobře četl jiným nebo třeba vám samotným za rok. Počítejte s tím, že lidé umí CSS. Nic nad tím není jisté. Pište proto CSS kód a moc si…
Kaskáda a další „problémy“ CSS: Jak je řešit, když vás pálí?
Kaskáda a další „problémy“ CSS: Jak je řešit, když vás pálí?Naposledy upraveno: – Autor: Martin Michálek CSS své trable bezpochyby má. Pokud se ale jedná o organizaci a architekturu projektu, těžko o nich mluvit jako o problémech. Stejně jako jiné…
Stylelint, protože pořádek musí být. I v CSS kódu
Stylelint, protože pořádek musí být. I v CSS kóduNaposledy upraveno: – Autor: Martin Michálek Stylelint je nástroj pro automatickou kontrolu CSS. Usnadní vám psaní jednotnějšího a kvalitnějšího kódu. Hlavně na větších projektech, nebo na takových, kde…
Jak AMP chrání rychlost před webaři. A co je jeho největší přínos?
Jak AMP chrání rychlost před webaři. A co je jeho největší přínos?Naposledy upraveno: – Autor: Martin Michálek Za pomalé weby nemohou technologie, ale zase jenom lidé. Někteří webaři jsou totiž rychlostní mimoni Představím vám tři z nich:…
Podcast: S Honzou Kvasničkou o UX a spolupráci designérů s vývojáři
Honza je UX expert zaměřený na zvyšování konverzí a moc rádi jsme si s ním popovídali o dnešním UX. Uživatelském testování, nástrojích a hlavně jak vylepšit spolupráci mezi designéry a vývojáři. O čem mluvíme? Co dělají dnešní UXáci Uživatelské…
CSS kód: Nové školení o organizaci a údržbě stylů
Dělal jsem už všechno možné, ale jedna činnost se vším táhne jako červená nit. Asi dvacet let píšu nebo čtu CSS kód. Vím jistě, že to první mě vždycky šlo lépe. A nejsem sám. Čtení – a hlavně údržba – stylů je problém, se kterým se potýkají všechny…
Pár poznámek k průzkumu mezi vývojáři na Stack Overflow
Některé informace z The 2018 Developer Survey Results mi přišly zajímavé. Podělím se. Stack Overflow dělá tyhle průzkumy každoročně. Asi tenhle web i vy používáte několikrát týdně, takže se nemůžete divit, že dostali na 100 tisíc odpovědí. Mimochodem, z…
Metriky rychlosti načítání
Metriky rychlosti načítání V metrikách a událostech, které se týkají načítání a vykreslování stránky je děsný zmatek. Pokusím se trochu uklidit. Bude to užitečné hlavně pro ty z vás, kteří obor rychlosti načítání trochu více sledujete. Ostatní pošlu na…
Podcast: S Honzou Kvasničkou o UX a spolupráci designérů s vývojáři
Honza je UX expert zaměřený na zvyšování konverzí a moc rádi jsme si s ním popovídali o dnešním UX. Uživatelském testování, nástrojích a hlavně jak vylepšit spolupráci mezi designéry a vývojáři. O čem mluvíme? Co dělají dnešní UXáci Uživatelské…
CSS Grid: Začíná druhé dějství layoutového převratu
CSS Grid: Začíná druhé dějství layoutového převratu CSS Grid je sada vlastností pro tvorbu layoutu vsazeného do pravidelné mřížky. Síla Gridu je v tom, že můžeme mřížku definovat v obou směrech: v řádcích i sloupcích. Na rozdíl od flexboxu je tedy…