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. května 2018 07:00 |
| Návratový kód | HTTP 304 |
| RSS export naposledy zpracován | 10. května 2018 10:40 |
| Kontrola aktuálnosti naplánována na | 21. května 2018 07:15 |
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? 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: Mimoňský designér Nečetl článek, takže v návrhu použije…
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…
Podcast: S Vuem z Avocode o nástrojích mezi designéry a vývojáři
Avocode je skvělý software pro usnadnění spolupráce mezi vývojáři a designéry. A víte, co je ještě lepší? Že jeho autorský tým sídlí v kubistické vile kousek od oblíbeného hřiště našich dětí na pražské Výtoni. Samozřejmě jsem neváhal a vydal se (bez…
Testování přístupnosti webů v odečítačích obrazovky
Jak nainstalovat, spustit a používat screen readery? Pojďme si ukázat, jak testovat weby přímo tak jak je „vidí“ zrakově hendikepovaní uživatelé. Asi víte, že odečítač obrazovky (taky čtečka nebo screen reader) je software, který umožňuje slepým nebo…
Blue Beanie Day 2017: Naučte se dnes něco o přístupnosti a webových standardech
Poslední listopadový den si celosvětově připomínáme Den modrého kulicha. Co je to a jak se připojit? Den modrého… WTF!? Blue Beanie Day je každoroční připomínka ctění webových standardů, přístupnosti a metod jako progressive enhancement. Prostě těch…
Obrázky a další média: Stáhněte si kapitolu z knihy „Vzhůru do (responzivního) webdesignu“
Možností řešení obrázků, SVG nebo třeba tabulek v responzivním designu je hodně. Chcete pomoci vybrat tu, která je pro váš projekt ideální? Nejdelší kapitola z knihy je přesně o tom. Vy si ji můžete stáhnout ve formátech PDF, EPUB a MOBI. V ukázce si…
To nejlepší z Bootstrapu 4: utility třídy
O novinkách v Bootstrapu 4 jsem už psal. Dneska vám ale chci ukázat věc, která se mi na čtyřce líbí nejvíc. Utility třídy. Utility třídy? Nebo jinak užitkové, subatomické nebo helper třídy. Zatím přesně nevím, jak jim říkat. Jde o třídu, ve které je…
HTTPS: 4 důvody proč přejít a pár zkušeností k tomu
V textu shrnu zkušenosti s nedávným přesunem Vzhůru dolů na zabezpečený protokol. Může to být užitečné pro ty z vás, kteří ještě na HTTPS nepřešli nebo ty, kteří nemají dořešené detaily přechodu, jako třeba lokální vývoj. Budu se zabývat třemi tématy:…
Vše o prvku BUTTON a tlačítkách v HTML
Prvek reprezentuje tlačítko. Tím bychom mohli skončit a jít na pivo, že jo? To byste ale byli na špatném blogu. My půjdeme do hloubky. Doporučím vám dávat prvku přednost před tlačítky v . Upozorním, že prvek stylovaný jako tlačítko vždy nemusí být dobrý…
Podcast: S Radkem Pavlíčkem o přístupnosti aneb inkluzivním designu
S Radkem jsme letos pro Webexpo připravili dvojblok přenášek o přístupnosti. V předvečer akce jsme si sedli do kavárny a natočili rozhovor. O přístupnosti. Nebo o inkluzivním designu, protože se shodujeme, že pojem přístupnost je všechno jen ne…
Rozhovor před WebExpo: S Markem Robbinsem o moderním kódování e-mailů
Umíte si představit kódování newsletterů bez a inline stylů? Používání moderních CSS3 technologií nebo třeba SVG tamtéž? Sci-fi!? Přátelé, asi to jde. Ale jasně – ne úplně jednoduše a samo. Musíte pro to udělat minimálně jednu věc. Zajít na přednášku…
Responzivní grafy
Responzivní grafy nacházejí využití hlavně v rukou demagogických politiků. Grafy, které používají, se přizpůsobují jejich vidění světa. OK, nebudu vám kazit krásné chvíle s mými texty těmito rádoby vtipnými odbočkami. Budeme se bavit o opravdových…
