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. července 2018 15:30 |
| Návratový kód | HTTP 304 |
| RSS export naposledy zpracován | 13. července 2018 17:15 |
| Kontrola aktuálnosti naplánována na | 21. července 2018 15:40 |
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…
Kurzy: SVG, Flexbox nebo Grid? Načerpejte u nás užitečné vědomosti
Mám pro vás tip na poslední akci z jarního běhu kurzů – školení SVG. K tomu jeden pro velký zájem přidaný termín na květen – mou „Webovou kodéřinu“. 29. března: Pokročilé SVG Kurz vede zkušený technický šéf Superkoders – Michal Matuška. Na kurzu s vámi…
„USE“ v SVG: klonování šetří čas a data
USE v SVG: klonování šetří čas a data Značka uvnitř SVG dokáže element duplikovat a na jiném místě použít třeba s jinými vlastnostmi. Je to výhodné hlavně ze tří důvodů: Znovupoužívání elementů uvnitř SVG: je zbytečné dělat stejnou věc vícekrát. Přímé…
Podcast: S Lukášem Kokoškou o HbbTV, chytrých televizích a dálkových ovladačích
„Stiskněte červené tlačítko“ – také vás zajímá, jak se tato výzva objeví na vaší televizi? Toto a mnohem víc umožňuje standard HbbTV. Právě o něm si k nám přišel popovídat Lukáš, který tyto aplikace vytváří. Čím se liší vývoj pro televize a pro web? Co…
Weby bez CSS: Existuje to vůbec? A jak to testovat?
Weby bez CSS: Existuje to vůbec? A jak to testovat? Je docela dost situací a kontextů, ve kterých se weby vykreslují s jinými než vašimi styly nebo úplně bez nich. Prima video k tomu natočila Jen Simmons. Video: Jen Simmons: HTML Source Order and When…
Intersection Observer: Jak zjistit, že je prvek vidět?
Intersection Observer: Jak zjistit, že je prvek vidět? Intersection Observer je javascriptové API, které umožní asynchronně hlídat protnutí plochy konkrétního prvku s plochou jiného prvku nebo viewportu. To se hodí hlavně pro potřeby odloženého načtení…
WordPress, SVG a Javascript: naučte se něco nového na březnových kurzech
Obě má školení už proběhla, takže vás rád zvu na akce kolegů Honzy Biena, Michala Matušky a Rikiho Fridricha. 8. března: Mistrovský vývoj webů na WordPressu Děláte WordPress a chcete jej dělat pořádně? Doražte na školení lektora s mistrovským přehledem…
Lidé a zařízení: jak je používají a jaký to má vliv na návrh rozhraní?
Lidé a zařízení: jak je ovládají a jak se chovají? Asi víte, že dotykovost je nový standard. Ale dozvíte se také, že prvky, které mají být snadno dosažitelné, je dobré na mobilech umísťovat na vodorovný střed a na větších zařízeních k pravému kraji…
Podcast: S Martinem Držkou z Fakturoidu o utility třídách v CSS
S Robinem jsme Martina pozvali, protože nás zajímaly zkušenosti tvůrců oblíbeného fakturačního software s utility třídami. Úplně nejlépe vás asi do problematiky uvede následující ukázka HTML kódu z nového rozhraní Fakuroidu: Vystavné faktury 1 210 Kč…
Lazy loading obrázků: kompletní průvodce
Lazy loading obrázků a dalších prvků: Intersection Observer a doporučované knihovny Lazy loading je dost široký pojem, ale ve světě webové kodéřiny označuje techniku, která zajistí načtení části obsahu stránky až ve chvíli, kdy ji uživatel potřebuje…
Podcast reunion: S Robinem Pokorným o webdesignu a webové vývojařině v roce 2017
Ano, vážení posluchači, podcast se mění. Je mi potěšením vám oznámit, že jej teď budeme hostovat společně s Robinem. Můžete se tak těšit na častější epizody a širší záběr. V první společné epizodě jsme toho probrali fakt hodně: Web 1.0 Retro,…
iPhone X: jak si pro něj nastavit weby a proč je potřeba to udělat?
iPhone X: jak si pro něj nastavit weby a proč je potřeba to udělat? Schválně jsem text nenazval „jak optimalizovat weby pro iPhone X“. To, co zde ukazuji je totiž běžný a ve standardech W3C zanesený způsob přípravy webů na zařízení, která mají jiný než…
Rok 2017 ve webdesignu
Co oboru přinesl loňský rok? Když dovolíte, vezmu to zcela subjektivně, očima frontend designéra a autora Vzhůru dolů. Spousta úmrtí (například Windows Phone, Bower a skoro i Internet Explorer a Photoshop) je vyvážená radostí z toho, jak se daří…
Co jsem podělal v roce 2016?
Tentokrát budu trochu osobnější, dovolíte? Slyšte vyprávění o slepých cestách při podnikání na volné noze. A – nebojte se – vážně nerecykluji rok starý článek. Jen mě prostě na hodnocení přesdržek roku přijde roční odstup tak akorát. Tohle navíc bude…