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. října 2017 01:20
Návratový kód HTTP 304
RSS export naposledy zpracován 16. října 2017 07:05
Kontrola aktuálnosti naplánována na 21. října 2017 01:50

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

Jak definovat strukturu v HTML a proč jsem začal mít rád HTML5 tagy

Jak definovat strukturu v HTML a proč jsem začal mít rád HTML5 tagy Sekční tagy a role atributy umožňují lépe strukturovat stránku. Užitečné jsou hlavně ve slepeckých čtečkách. A myslím, že je čas se s nimi skamarádit. Dříve: zbytečnost, která…

Vzhůru dolů | 2. 3. 2017 8:55 | #

Výsledky dotazníku: Jak se my, webaři a webařky, vzděláváme?

Nejvíce pomocí krátkých textů a videí. Fyzické knížky ani prezenční kurzy zatím jejich elektronické alternativy neporazily. Vzdělávání si účastníci průzkumu většinou objednávají i platí sami. A právě teď by se chtěli vzdělávat hlavně v UX a Javascriptu…

Vzhůru dolů | 19. 2. 2017 21:35 | #

PostCSS jako jednoduchá náhrada preprocesoru

PostCSS jako jednoduchá náhrada preprocesoru PostCSS je nástroj pro transformaci CSS pomocí pluginů napsaných v Node.js. Naoko vlastně nic nedělá, je to ale nutná spodní vrstva pro fungování známějších a zajímavějších pluginů, například Autoprefixeru. V…

Vzhůru dolů | 16. 2. 2017 7:15 | #

Podcast: S Riki Fridrichem o NPM, Yarnu a dalších nástrojích JS světa

Riki Fridrich je vývojář a lektor Javascriptu. Říká, že je lenivý a že je na to hrdý, protože ti nejlenivější vývojáři jsou nejproduktivnější. Myslím, že není lepšího člověka, ze kterého tahat moudra o automatizačních, ale i jiných nástrojích dnešního…

Vzhůru dolů | 13. 2. 2017 11:30 | #

NN Group: Jak vylepšit formulářové prvky pro vložení datumu?

Nielsen Norman Group přišli v článku „Date-Input Form Fields: UX Design Guidelines“ se stručnými tipy, jak z pohledu uživatelského vylepšit vstup data. Vybral jsem pro vás ty nejzajímavější: Hlašte chyby způsobem, který pomáhá. Například „Chybný formát…

Vzhůru dolů | 9. 2. 2017 13:45 | #

Jak v NejŘemeslníci.cz používají Tachyons

Nedávno jsem se zúčastnil facebookové a následně i e-mailové diskuze o „atomickém CSS“. O co jde? CSS třídy v něm představují konkrétní vlastnosti stylů. Nepleťte prosím s atomickým designem) Matouš Borák z NejŘemeslníci.cz v e-mailu moc hezky popsal…

Vzhůru dolů | 7. 2. 2017 6:30 | #

Řešení: Vlastní výřezy obrázků pomocí SVG

Řešení: Vlastní výřezy obrázků pomocí SVG Mám fotku a chci ji udělat specifický výřez v přímo v kódu. Pomocí CSS snadno zařídím kulatý, jenže co vlastní tvar? Po čase pro vás mám další z příkladů, které jsem ukazoval na přednášce „10 praktických CSS3 a…

Vzhůru dolů | 30. 1. 2017 7:41 | #

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