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 18. prosince 2017 02:00
Návratový kód HTTP 304
RSS export naposledy zpracován 17. prosince 2017 11:31
Kontrola aktuálnosti naplánována na 18. prosince 2017 02:12

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…

Vzhůru dolů | Včera 10:45 | # Nové 

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…

Vzhůru dolů | 10. 12. 2017 20:55 | #

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…

Vzhůru dolů | 30. 11. 2017 10:25 | #

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…

Vzhůru dolů | 20. 11. 2017 15:50 | #

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…

Vzhůru dolů | 14. 11. 2017 9:50 | #

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:…

Vzhůru dolů | 2. 11. 2017 17:05 | #

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ý…

Vzhůru dolů | 24. 10. 2017 9:35 | #

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…

Vzhůru dolů | 16. 10. 2017 7:05 | #

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…

Vzhůru dolů | 7. 9. 2017 16:10 | #

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…

Vzhůru dolů | 31. 8. 2017 9:25 | #

Marcotteho responzivní design

Původní definice responzivního designu pochází z roku 2010, hlavy a pera Ethana Marcotteho. A je to nadmíru jednoduchá, technicistní myšlenka. Udělejte pružný layout. Doplňte to pružnými obrázky. Přidejte podmínky pro změny layoutu, Media Queries…

Vzhůru dolů | 22. 8. 2017 14:45 | #

Teď si můžete objednat i tištěnou verzi knihy „Vzhůru do (responzivního) webdesignu“

Jsem trochu na měkko. Tištěná verze „Vzhůru do (responzivního) webdesignu“ je tady! Když jsem před osmi měsíci začal psát druhý e-book, ještě jsem netušil, kolik energie mě to bude stát. První krize přišla záhy po začátku psaní. Když jsem zjistil, že…

Vzhůru dolů | 3. 8. 2017 8:40 | #

Tabulky v responzivním designu

Chuck Norris toho zvládne hodně, třeba i rozbrečí cibuli, ale tabulky na webu by mu daly zabrat. No vážně. Však čtěte. Zejména ty rozsáhlejší mají nehezkou vlastnost, že na menších displejích jsou rozměrově poněkud nezkrotitelné. Pojďme si představit…

Vzhůru dolů | 31. 7. 2017 8:25 | #

Zanikající část webařiny: obyčejné weby a CMS na míru

Webdesign sice neumírá, ale velký kus koláče trhu, o který se webaři dělí, zaniká. A brzy zaniknou další. Pokud vyvíjíte vlastní řešení na míru každému klientovi za maximálně desítky tisíc korun, zpozorněte, protože v mnoha případech to přestalo dávat…

Vzhůru dolů | 23. 7. 2017 21:25 | #

Vkládaná média se zachováním poměru stran

Jak zařídit, aby se obrázky, video a prvky vkládané přes přizpůsobovaly šířce rodičovského elementu a ještě k tomu zachovávaly poměr stran? Pružné obrázky To nebude nic složitého. Vezmeme to rovnou od kódu, co říkáte? .content img { max-width: 100%;…

Vzhůru dolů | 19. 7. 2017 7:35 | #

Pár poznámek ke komentářům v CSS

Keith J. Grant napsal moc hezký článek o komentářích v CSS: „Thoughts on Self-Documenting CSS“. Tady je to nejdůležitější doplněné o mé poznámky. Obecně s textem naprosto souhlasím v tom, že striktně „sebedokumentující“ kód v CSS prostě psát nejde. U…

Vzhůru dolů | 10. 7. 2017 9:15 | #

Responzivní SVG

Používání SVG pro ikony nebo logotypy namísto PNG či GIF obrázků hájím kam vkročím, ale v jedné věci jsou bitmapy zlaté: V přizpůsobování šířce layoutu a zachování poměru stran. Abychom ale pochopili, proč není dosažení pružnosti SVG jednoduché jako…

Vzhůru dolů | 26. 6. 2017 12:13 | #

Picture, nová značka pro vkládání obrázků

umožňuje definovat varianty obrázku pro různé stavy v responzivním webdesignu. Na rozdíl od atributů srcset a sizes nenecháváme rozhodování na prohlížeči. Vedení tady přebíráme my autoři. Ukážu tady pár scénářů, kdy je to výhodné. Ukázka zápisu V…

Vzhůru dolů | 21. 6. 2017 5:50 | #

Konec Boweru: Na nové projekty už jej nepoužívejte

Přátelé, takže poté, co někteří členové javascriptové komunity zaživa pohřbili jQuery, Grunt, Gulp, NPM a další, dočkali jsme se první skutečné mrtvoly: je to Bower. Na webu tohodle oblíbeného správce frontendových balíčků už nějakou dobu visí…

Vzhůru dolů | 16. 6. 2017 9:55 | #

Podcast: S Honzou Bienem o WordPressu

Honza je machr přes WordPress. A já zase svý způsobem hejtr tohodle redakčního systému. Co se stane, když se machr a hejtr potkají a natočí podcast? No přesně to, co si teď můžete pustit nebo přečíst. Uznávám, že i když pro WordPress ve své práci nemám…

Vzhůru dolů | 12. 6. 2017 9:25 | #

Chrome vyhrál a Firefox je za pár let mrtvý?

Že může nejsilnější konkurent Chrome za dva roky skončit na dvouprocentním podílu celosvětového trhu? Docela děsivé, ale nenapadá mě žádný argument, proč by se to nemělo stát: If the 6 year trend holds, IE should be pretty much dead in 2 or 3 years…

Vzhůru dolů | 28. 5. 2017 19:45 | #

E-book „Vzhůru do (responzivního) designu“ je tady!

Jak už možná víte, od začátku zimy pracuji na druhém e-booku. Jmenuje se „Vzhůru do (responzivního) webdesignu“ a právě teď jsem spustil stránku, na které si jej můžete objednat. Původně jsem měl v úmyslu podělit se v novém e-booku o znalosti detailů…

Vzhůru dolů | 15. 5. 2017 9:10 | #

Rychlost načítání: Úvod pro designéry, marketéry a majitele webů

Rychlost nemůžete nechat jen na vývojářích. Tohle je textová podoba mé přednášky pro UX & CRO Summit 2017, kde jsem neprogramátorům ukazoval postupy a techniky pro zvýšení kultury rychlosti v jejich týmech. V článku si shrneme, proč je fajn mít rychlé…

Vzhůru dolů | 2. 5. 2017 16:50 | #

Nové školení: Mistrovský vývoj webů na WordPressu s Honzou Bienem

Vy, kteří mě znáte osobně, asi víte, že jsem nikdy nebyl velký fanoušek WordPressu. Před lety jsem si ho zkusil a následně onálepkoval všem předsudky, které si o něm umíte představit. Jako pomalý, děravý a pro frontendistu nepříjemný redakční systém. Za…

Vzhůru dolů | 24. 4. 2017 7:30 | #

Weby versus aplikace

Weby versus aplikace Podívejte se, jsem webař, aplikace nedělám. Už si o nich ale se mnou chtělo povídat tolik lidí, že se o ně zajímám alespoň ze strategického pohledu. Pokud vám tedy stačí stručný úvod do tématu, čtěte. Rovnou říkám, že rozhodování…

Vzhůru dolů | 20. 4. 2017 9:35 | #

Ilustrace ve stránce: a

Ilustrace ve stránce: figure a figcaption Značka slouží k vložení ilustrací vztahujících se k hlavnímu obsahu: Nemusí jít jen o obrázky. Je možné takto vkládat videa, schémata, grafy, tabulky, ilustrace, ukázky kódu nebo třeba reklamy. Klidně ale kusy…

Vzhůru dolů | 5. 4. 2017 22:35 | #

Detailně: layout v Bootstrapu 4

Detailně: layout v Bootstrapu 4 Pojďme se spolu podívat na nový systém pro tvorbu rozvržení stránky v chystané verzi Bootstrapu. Pořádně do hloubky. Ten flexbox! Grid systém nového Bootstrapu je na něm postavený a dost to pomáhá. Evolučně ale vychází z…

Vzhůru dolů | 28. 3. 2017 21:15 | #

SVG řešení: hvězdičkové hodnocení

SVG řešení: hvězdičkové hodnocení Hvězdičkové hodnocení se na webu používá děsně často. Před časem jsem kápl na moc pěkné řešení postavené na SVG vloženém do HTML. Tady je Codepen pro nedočkavce. cdpn.io/e/yayxGv Mám plnou a prázdnou hvězdu. Co když ale…

Vzhůru dolů | 15. 3. 2017 11:26 | #

Rychlost webu je záležitostí designéra

Cíle webových grafiků a designérů se moc nemění. Co se ale změnilo, jsou naše znalosti o významu rychlosti webu pro jeho výslednou úspěšnost. Psal jsem o tom například v textu „Proč řešit rychlost načítání webu?“. Zmiňuje se o tom také Jason Cohen,…

Vzhůru dolů | 8. 3. 2017 13:50 | #

Element Queries: proč je chceme a proč je jen tak nedostaneme

Element Queries: proč je chceme a proč je jen tak nedostaneme Element Queries (nebo Container Queries) jsou vlastně stejné typy dotazů jako Media Queries. Jen se neptáte na parametry okna prohlížeče, ale na parametry samotného elementu. Je to věc,…

Vzhůru dolů | 6. 3. 2017 17:06 | #

Při poskytování služeb nám pomáhají cookies. Používáním webu s tím vyjadřujete souhlas.