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 22. března 2019 15:06
Návratový kód HTTP 304
RSS export naposledy zpracován 20. března 2019 08:45
Kontrola aktuálnosti naplánována na 22. března 2019 15:14

Pod­cast: S On­dře­jem Ma­chul­dou o tes­to­vá­ní webo­vých apli­ka­cí

Ondra se už několik let věnuje automatickému testování webových aplikací, záváděl jej do workflow Jobs.cz a dalších produktů LMC a o svoje zkušenosti se podělil v řadě přednášek. Během rozhovoru probereme toto téma od začátku do konce: Co je dobré…

Vzhůru dolů | 18. 3. 2019 6:25 | #

Naše fron­ten­do­vá ško­le­ní v Brně. Jen jed­nou ročně

Konečně i na blogu moc rád představuji velkou inovaci na našich školeních. Jmenuje se Brno. Přesně tak, jednou ročně organizujeme všechny termíny našich školení i v jihomoravské metropoli. Letos to vychází na duben a květen. Vycházíme tak vstříc vám,…

Vzhůru dolů | 14. 3. 2019 20:50 | #

Ja­vaScript: Pri­o­ri­ty sta­ho­vá­ní a spouš­tě­ní

JavaScript: Priority stahování a spouštěníNaposledy upraveno: – Autor: Martin Michálek Navážu zde na výborný přehled od autorů Chrome a doplním jej dalšími postřehy. Jak je to s prioritami JavaScriptu při různých způsobech vložení do stránky? Způsob…

Vzhůru dolů | 13. 3. 2019 6:20 | #

Nový kurz: Kódo­vá­ní news­let­te­rů s To­má­šem Krej­čím

Kódování e-mailový šablon se mezi frontendisty a frontendiskami zrovna moc velké popularitě netěší. Tak proč školení? S Tomášem Krejčím ze SUPERKODERS se potkáváme už docela dlouho. Vidím jeho práci, sleduji jeho přednášky. A vůbec nevypadá na někoho,…

Vzhůru dolů | 6. 3. 2019 6:20 | #

CSS Grid v MSIE: Můžete mít i automatické umísťování do mřížky

CSS Grid v MSIE: Mů­že­te mít i au­to­ma­tic­ké umís­ťo­vá­ní do mříž­kyNaposledy upraveno: – Autor: Martin Michálek Pokud Vzhůru dolů čtete pravidelně, už víte, že CSS Grid je možné v řadě případů použít i v Internet Exploreru. Vděčíme za to nedávným…

Vzhůru dolů | 4. 3. 2019 4:10 | #

Mi­ni­roz­ho­vor s Mi­cha­lem Ma­tuš­kou: No­vin­ky v ob­las­ti SVG a na ško­le­ní

Michala jsme se zeptali na tři otázky. Dostali jsme tipy na texty od Sary Soueidan, Michalovu novou práci a také se dozvíte, jak se změnil kurz SVG do hloubky. Michale, jaké nové články, nástroje nebo poznatky nám doporučíš z oblasti SVG? V poslední…

Vzhůru dolů | 27. 2. 2019 6:30 | #

Uti­li­ty třídy a kom­po­nen­ty v CSS: Jak najít rov­no­váhu?

Uti­li­ty třídy a kom­po­nen­ty v CSS: Jak najít rov­no­váhu?Naposledy upraveno: – Autor: Martin Michálek Utility třídy jsou skvělé, ale když je nasadíte na složitější komponenty, správa se stává problematickou. Proto se často kolo uzavře a najednou…

Vzhůru dolů | 18. 2. 2019 9:31 | #

Uti­li­ty CSS: K čemu jsou dobré sys­témy jed­no­úče­lo­vých tříd?

Utility CSS: K čemu jsou dobré systémy jednoúčelových tříd?Naposledy upraveno: – Autor: Martin Michálek Pojďme si něco říct o jednoúčelových třídách a jejich použití v rámci ucelených systémů. V utility-first CSS jde o psaní kódu pomocí tříd, které mají…

Vzhůru dolů | 13. 2. 2019 20:26 | #

Z Illustra­to­ru přímo do pro­hlí­že­če: SVG work­flow od SU­PER­KO­DERS

Michal Matuška ukazoval na poslední brněnské minikonferenci Frontendisti.cz zajímavý postup, jak si zautomatizovat publikování složitějších SVG. Od grafika to jde přes magii v Gulpu přímo do prohlížeče. Je to cool, takže jsem Michala poprosil o svolení…

Vzhůru dolů | 9. 2. 2019 8:55 | #

Weby na chyt­rých ho­din­kách Apple Watch

Weby na chytrých hodinkách Apple WatchNaposledy upraveno: – Autor: Martin Michálek Mezi zařízeními, které nějak zobrazují weby, už určitou dobu figurují i chytré hodinky. Ale má smysl se jimi v responzivním designu zabývat? Ano, má, minimálně těmi od…

Vzhůru dolů | 4. 2. 2019 6:15 | #

7 bl­bos­tí z ob­las­ti webo­vé rych­los­ti

7 blbostí z oblasti webové rychlostiNaposledy upraveno: – Autor: Martin Michálek V praxi poradce k rychlosti webů musím často vysvětlovat některá koncepční nepochopení. Teď nastává ta chvíle, kdy je milerád vyvrátím. Pomůže zlepšit čas načtení (load…

Vzhůru dolů | 30. 1. 2019 6:50 | #

Podcast: S Honzou Bienem o WordPressu 5 a editoru Gutenberg

Gutenberg je velké téma nejen pro WordPressovou komunitu. Proto jsme si znovu pozvali webmistra Honzu, aby nám o tomhle editoru něco pověděl. Ptáme se, jak se Gutenberg ujímá u klientů a například také jaký vliv bude mít na Page Buildery nebo Advanced…

Vzhůru dolů | 28. 1. 2019 6:30 | #

Co je „rychlost načtení“ webu?

Co je „rychlost načtení“ webu?Naposledy upraveno: – Autor: Martin Michálek Vlastně nic. Taková věc totiž neexistuje. Rychlost webu není moment v čase. Je to krátká, ale významná časová epizoda, ve které uživatelé prožívají seznamování s vaším webem…

Vzhůru dolů | 23. 1. 2019 6:35 | #

Poslední dva termíny kurzu „Dnešní webová kodéřina“

Tímto vás zvu na poslední dva termíny kurzu Dnešní webová kodéřina. Pražský proběhne už 5. února a úplně poslední připadl na Brno a 1. dubna. Předčasný apríl? Nikoliv. Chci se jen více zaměřit na rychlost webů. Trocha té historie „Kodéřinu“ – školení…

Vzhůru dolů | 21. 1. 2019 12:05 | #

12 nej­za­jí­ma­věj­ších fron­ten­do­vých tech­no­lo­gií roku 2018

S pomocí vás, čtenářů, jsem se pokusil vybrat technologické trendy, které stojí za naučení nebo minimálně sledování. 1) CSS Grid Gridem nemůžu nezačít. Letos totiž díky Autoprefixeru udělal značný posun co se týká možností použití v Internet Exploreru…

Vzhůru dolů | 15. 1. 2019 7:00 | #

6 důvodů, proč jít na kurzy ze Vzhůru dolů

Od roku 2014 se na Vzhůru dolů můžete setkávat se školeními. Pojďme se teď za ně trochu pochválit. 5 let zkušeností, ke stovce kurzů a na tisíc účastníků Vymýšlíme, iterujeme, ladíme a posloucháme zpětnou vazbu. Už pět let. Letos překročíme stovku…

Vzhůru dolů | 10. 1. 2019 7:10 | #

Rychlý protokol HTTP/2: S nasazením na weby na nic nečekejte

Rychlý protokol HTTP/2: S nasazením na weby už na nic nečekejteNaposledy upraveno: – Autor: Martin Michálek HTTP/2 je nová verze protokolu, díky které můžeme urychlit načítání vašich webů. Možná i hodně. Co je HTTP/2 Jak nasadit Optimalizace frontendu…

Vzhůru dolů | 3. 1. 2019 12:20 | #

CSS Grid v Internet Exploreru: Jde to!

CSS Grid v Internet Exploreru: Jde to, alespoň z velké částiNaposledy upraveno: – Autor: Martin Michálek „Neumí to Explorer“ je na prvních devíti místech z 10 důvodů, proč lidé ještě na začátku roku 2019 nepoužívají CSS Grid. Obsah článku Proč se tím…

Vzhůru dolů | 3. 1. 2019 8:20 | #

Podcast: Vánoční speciál o frontendových technologiích roku 2018

Robin s Martinem si tentokrát vystačili sami. Povídají si o tom, co je letos zaujalo na technologickém poli. Padnou témata jako GraphQL, CSS Grid, Typescript a stav javascriptových frameworků. Jen to AMP už nestihli. Odkazy GraphQL CSS Grid na Vzhůru…

Vzhůru dolů | 19. 12. 2018 6:35 | #

Responzivní breakpointy: Realizace v kódu (CSS, Sass i PostCSS)

Responzivní breakpointy: Realizace v kódu (CSS, Sass i PostCSS)Naposledy upraveno: – Autor: Martin Michálek Ukládání breakpointů a rozmezí do proměnných preprocesoru velmi doporučuji, protože to zpřehlední kód a zefektivní psaní. Příklady níže využívají…

Vzhůru dolů | 16. 12. 2018 17:15 | #

Breakpointy v responzivním designu: Detailně a do hloubky

Breakpointy a rozmezí platnosti responzivního designuNaposledy upraveno: – Autor: Martin Michálek Breakpointy jsou velikosti okna (viewportu) prohlížeče, ve kterých se může měnit design webu. Česky jim můžeme říkat body zlomu designu. Obsah článku Body…

Vzhůru dolů | 9. 12. 2018 7:35 | #

Podcast: S Martinem Haklem ze Solidpixels o online redakčních systémech

Online redakční nástroje si stále více nacházejí cestu k uživatelům namísto instalovaných řešení jako je WordPress nebo Drupal. Jaké mají výhody a čím mohou být zajímavé pro webové designéry a vývojáře? Na to jsme se ptali Martina Hakla, zástupce…

Vzhůru dolů | 5. 12. 2018 7:05 | #

Jednotky pro tvorbu webu (em, rem, %, px, vh, vw): Kde použít jakou?

Jednotky pro tvorbu webu (em, rem, %, px, vh, vw): Kde použít jakou?Naposledy upraveno: – Autor: Martin Michálek Pojďme si tady shrnout všechny CSS jednotky použitelné v dnešním webdesignu. A na příkladu ukázat, k čemu se která hodí. Za základní…

Vzhůru dolů | 3. 12. 2018 4:15 | #

Barevný kontrast na webu a nástroje, které s ním pomohou

Barevný kontrast na webu a nástroje, které s ním pomohouNaposledy upraveno: – Autor: Martin Michálek Nedostatečným kontrastem na webech jsme postižení úplně všichni, bez ohledu na nastavení našich očí, displejů nebo momentální nálady slunce. V dnešním…

Vzhůru dolů | 30. 11. 2018 6:55 | #

Je tady verze 1.2 „responzivního“ e-booku: Weby na chytrých hodinkách, tvorba breakpointů a ty zatrolené viewporty

Přichystal jsem předvánoční aktualizaci e-booku Vzhůru do (responzivního) designu a vás možná potěší, že ji majitelé licencí dostanou zadarmo. Ostatně, na více než tisícovku z nich už čeká v e-mailu. Co je nového? Je toho docela dost: Nový text:…

Vzhůru dolů | 26. 11. 2018 6:05 | #

NPM a Node.js: Rozcestník odkazů

NPM a Node.js: Rozcestník odkazůNaposledy upraveno: – Autor: Martin Michálek Node.js, serverový javascript, přinesl díky nástrojům pro příkazovou řádku možnost efektivně pracovat i nám frontendistům a frontendistkám. Tenhle rozcestník se tedy soustředí…

Vzhůru dolů | 21. 11. 2018 6:45 | #

NPM: Průvodce začátky a základními příkazy

NPM: Úplné začátky a základní příkazyNaposledy upraveno: – Autor: Martin Michálek NPM (Node Package Manager) je správce javascriptových balíčků. Usnadňuje jejich instalaci a následnou údržbu. Jde tedy o obdobu například Composeru ze světa PHP. Čím se v…

Vzhůru dolů | 19. 11. 2018 5:55 | #

Školení WordPressu a Javascriptu: Naučte se je pořádně ještě před koncem roku

Rádi bychom vás pozvali ne na dvě, ale tři naše pražská školení, která organizujeme ještě před zimní přestávkou. Mistrovský vývoj webů na WordPressu (20. listopadu) Vývoj webů na míru s WordPressem může být fajn. I pro vývojáře. Pronikněte do něj díky…

Vzhůru dolů | 14. 11. 2018 9:55 | #

package-lock.json: Proč potřebujeme „lockfile“?

package-lock.json: Proč potřebujeme „lockfile“?Naposledy upraveno: – Autor: Martin Michálek Co je hernajs ten package-lock.json, který se vám objevuje v hlavní složce repozitáře, když používáte balíčkovací manažer NPM? Jedná se o soubor, který uchovává…

Vzhůru dolů | 12. 11. 2018 9:06 | #

Gutenberg: Co je zač ten emoce vyvolávající editor (nejen) pro WordPress?

Gutenberg: Co je zač ten emoce vyvolávající editor (nejen) pro WordPress?Naposledy upraveno: – Autor: Martin Michálek Gutenberg je plugin pro vizuální tvorbu strukturovaného obsahu. Myslím, že může přinést výraznou inovaci do tvorby webů nejen…

Vzhůru dolů | 8. 11. 2018 8:10 | #