Vzhůru dolů

Základní informace o zdroji

Podtitulek Současný webový frontend.
Domovská stránka http://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 28. března 2017 06:15
Návratový kód HTTP 304
RSS export naposledy zpracován 15. března 2017 11:26
Kontrola aktuálnosti naplánována na 28. března 2017 06:27

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

Dotazník: Webaři, jak se vzděláváš?

Jak se vzdělávají čeští weboví řemeslnící: kodéři, vývojáři, designéři nebo grafici? Z praxe organizátora školení a dlouholetého lektora nějaké postřehy mám. Chybí mi ale informace od širšího vzorku lidí. Najdete si chvilku na vyplnění dotazníku? Snažil…

Vzhůru dolů | 22. 1. 2017 22:15 | #

Favikony webu s RealFaviconGenerator

Favikony webu s RealFaviconGenerator Ikona webu. Kromě tradiční favicon.ico, ikony na záložce rozhraní prohlížeče, se dnes „favikony“ zobrazují v celé řadě dalších kontextů: na ploše mobilních operačního systémů nebo jako součást širšího nastavení…

Vzhůru dolů | 16. 1. 2017 21:25 | #

Píšu ebook o responzivním designu, pomozte mi prosím předobjednáním

Ano, je to tak. Už nějadou dobu pracuji na novém ebooku. O procesu tvorby responzivních webů, o svých zkušenostech s ním a taky trochu o principech dnešního webdesignu. Bude rozsáhlejší, barevnější a detailnější než jeho starší sourozenec. Vyjde na…

Vzhůru dolů | 11. 1. 2017 7:50 | #

Ebook „Vzhůru do CSS3“ verze 1.4: nové texty o Media Queries, prohlížečích a další

Připravil jsem aktualizaci ebooku „Vzhůru do CSS3“. Z novinek pro verzi 1.4 vybírám: Zgruntu přepsaná kapitola o Media Queries. Přepsaná a aktualizovaná kapitola o prohlížečích. CSS pixel a „Retina“ displeje podrobněji. Lepší kontrast písma ve všech…

Vzhůru dolů | 9. 1. 2017 6:45 | #

Co ještě nastudovat na přelomu roku?

Já vím, já vím… Na svátky je lepší být vklidu, s rodinou a odpočívat. Přeju vám, ať se to splní a na webařinu si ani nevzpomenete. Když byste ale přecijen měli svrbění nebo si chtěli novými vědomostmi zaplnit začátek nového roku, mám tu pro vás takový…

Vzhůru dolů | 21. 12. 2016 9:30 | #

Podcast: S Robinem Pokorným o CSS v Javascriptu

V dalším podcastu ze Vzhůru dolů jsme se s Robinem zaměřili na téma tepající mezi frontend kodéry i javascriptovými vývojáři – CSS uvnitř Javascriptu. Probrali jsme historii psaní stylů uvnitř javascriptového kódu a podívali se, proč s tím vlastně React…

Vzhůru dolů | 8. 12. 2016 7:20 | #

Vzhůru do práce 2.0: více než 500 pracovních pozic pro webové vývojáře

Novinky k mému agregátoru pracovních nabídek: daleko více pozic, pamatování vybraného, lepší design a další drobnosti. Nové importy z Indeed: počty pozic se ztrojnásobily Kromě inzerátů ze StartupJobs.cz teď agregátor importuje pozice z Indeed.com,…

Vzhůru dolů | 6. 12. 2016 14:55 | #

Na rychlé HTTP/2 je skoro vše připraveno. Čekáme na hostingy

Na rychlé HTTP/2 je skoro vše připraveno HTTP/2 je nová verze protokolu, která dokáže urychlit načítání vašich webů. Je už téměř plně podporovaná na straně prohlížečů i serverového software. Pokud máte vlastní server, není problém dvojku hned nasadit a…

Vzhůru dolů | 25. 11. 2016 11:25 | #

Hluboká práce: jak dělat více lepších věcí

Hluboká práce pomáhá dělat kvalitní výstupy. A když v práci děláte kvalitní výstupy, váš život může být lepší. Hluboká práce tedy přispívá ke kvalitě života. Přesto je hluboká práce upozaďována a ve spoustě firem kolem webu prakticky neexistuje možnost…

Vzhůru dolů | 22. 11. 2016 8:35 | #

Podcast: S Robinem Pokorným o Berlíně

Vítejte u prvního podcastu ze Vzhůru dolů! Nepozval jsem nikoho jiného než Robina Pokorného, kterého znáte z nyní pozastaveného podcastu Brus kódu. S Robinem jsme si povídali o životě webového vývojáře v Berlíně, a hledání práce tamtéž. Jak se Robin do…

Vzhůru dolů | 16. 11. 2016 7:05 | #

Majitelé „m tečka“ webů pozor: Google bude mobile-first

Google už oficiálně oznámil svůj záměr začít indexovat a řadit primárně z pohledu uživatele mobilních zařízení. We’ve begun experiments to make our index mobile-first. (…) Algorithms will eventually primarily use the mobile version (…) to rank pages…

Vzhůru dolů | 10. 11. 2016 13:05 | #

Atomický design a Pattern Lab: návrat do budoucnosti návrhu uživatelských rozhraní

Atomický design a Pattern Lab: návrat do budoucnosti návrhu uživatelských rozhraní We’re not designing pages, we’re designing systems of components. — Stephen Hay Pattern Lab je nástroj pro návrh, testování a prezentaci atomických designových systémů…

Vzhůru dolů | 6. 11. 2016 10:25 | #

Bootstrap a Javascript: doražte se je naučit na našich dvou podzimních školeních

Vedou je dva zkušení weboví vývojáři – Riki Fridrich a Adam Kudrna. Od Adama se dozvíte se co je nového kolem Bootstrapu 4 nebo konečně do detailu pochopíte mřížku a další ošemetnosti toho skvělého CSS frameworku. U Rikiho zase budou jásat ti, co denně…

Vzhůru dolů | 2. 11. 2016 10:00 | #

CSS řešení: Patička přilepená ke spodní hraně okna

CSS řešení: Patička přilepená ke spodní hraně okna Jsou věci, které grafici na CSS prostě nemůžou vystát. Jako třeba patičku, která zůstává viset hned za obsahem. Zrovna tento problém se ale dá vyřešit velmi jednoduše. Pomocí nových CSS jednotek a…

Vzhůru dolů | 17. 10. 2016 6:30 | #

Prohlížeč Samsung Internet a moje pokažené statistiky

V průvodci světem prohlížečů mám minimálně jednu chybu. Píšu v něm o „mobilních Chrome“, ale to jsem jen naletěl obvyklé chybě měřičů návštěvnosti. Můj zdroj, Rankings.cz, totiž (podobně jako další zdroje) jako „Chrome“ zřejmě označuje skupinu…

Vzhůru dolů | 12. 10. 2016 18:30 | #

Webdesignérův průvodce světem prohlížečů v Česku

Webdesignérův průvodce světem prohlížečů v Česku Pojďme si shrnout aktuální stav trhu prohlížečů. Čísla v článku jsou vytažená z Rankings.cz ke konci června 2016. Upozornění: ve statistikách není chybně zohledněn prohlížeč Samsung Internet. Odhadem bude…

Vzhůru dolů | 10. 10. 2016 7:55 | #

CSS řešení: Zeldmanovo zatržítko

CSS řešení: Zeldmanovo zatržítko Podíváme se na další z řešení, které jsem ukazoval v přednášce na WebExpo 2016. Je to jednoduchá, ale efektní věc postavená na animovaných přechodech a transformacích. Zatržítko mě zaujalo právě svou jednoduchostí. Proč…

Vzhůru dolů | 5. 10. 2016 7:40 | #

CSS řešení: Elastická typografie počítaná v procentech z výšky komponenty

CSS řešení: Elastická typografie počítaná v procentech z výšky komponenty Pojďme si rozebrat jedno z řešení, které jsem ukazoval v přednášce na WebExpo 2016. V komponentách, u kterých známe poměr stran, umožňuje nastavit svislý (typografický) rytmus v…

Vzhůru dolů | 26. 9. 2016 8:15 | #

WebExpo 2016: přednášky prvního dne (a ta nešťastná velká Lucerna)

Ležím doma, piju čajíčky a vypadá to, že druhý den WebExpo pro nemoc nezvládnu. Děsně mě to sákne, protože ten první byl vážně skvělý. Alespoň tedy na dálku posílám pár názorů a report z pátku. Každý kdo organizoval nějakou akci, musí lidem z WebExpo…

Vzhůru dolů | 24. 9. 2016 8:30 | #

Tři otázky na Rachel Andrew před WebExpo: o CSS Grid Layout a Perch CMS

Je vážně radost, když vám WebExpo do Prahy přiveze takové řečníky. Řeknu vám, proč je Rachel Andrew pro každého frontendistu zajímavá. Zaprvé: Je to velká expertka přes nové layouty v CSS: Flexbox a CSS Grid Layout. S CSS Working Group spolupracuje jako…

Vzhůru dolů | 20. 9. 2016 8:06 | #

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