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 | 19. května 2019 12:20 |
| Návratový kód | HTTP 304 |
| RSS export naposledy zpracován | 13. května 2019 06:35 |
| Kontrola aktuálnosti naplánována na | 19. května 2019 12:35 |
Podcast: S Janem Junkem o tom, proč líbivá grafika webu nemusí fungovat
Honza je jeden z propagátorů myšlenky, že grafika by měla především plnit cíle webu. Líbivost a moderní trendy nám tohle ale vždy nezaručí. To asi není nic nového, ale Honza jde dál. Kromě wireframů by se měly testovat i grafické návrhy, říká. V…
AMP Conf 2019: Co je nového kolem AMP?
Už je to pár týdnů, kdy proběhla nejnovější konference představující novinky ze světa AMP. Neměl jsem ale moc času sepsat všechny ty zajímavé body, protože dopisuju e-book… no… hádejte o čem. Zpráv bylo docela dost. Vybral jsem zde čtyři nejzajímavější…
WordPress: Startovací témata vzhledu pro frontendisty
Honza Bien, lektor našeho školení WordPressu, vám v textu doporučí několik základních stavebních kamenů pro vybudování vlastního tématu vzhledu a to včetně frontendového devstacku. Nejprve si ale pojďme ujasnit terminologii: Téma vzhledu (theme) – celý…
Co je „Doba do načtení prvního bajtu“ (aneb „Time To First Byte“ aneb TTFB)?
Co je „Doba do načtení prvního bajtu“ (aneb „Time To First Byte“ aneb TTFB)?Naposledy upraveno: – Autor: Martin Michálek Metrika rychlosti webu, která vzniká ve chvíli, kdy prohlížeč stáhne první bajt z vašeho HTML. Ukazuje tedy rychlost serveru a…
AMP pro e-mail: Je to venku. V Gmailu, Yahoo mailu, Outlook.com a Mail.ru
Počínaje včerejškem je možné zobrazovat zprávy ve formátu AMP v Gmailu. To ale není všechno, přidávají se i další tři důležití světoví provozovatelé freemailu: AMP is powering a brand new way to do email with realtime information & in-line actions…
Devstacky: Inspirační katalog nástrojových základen
Devstacky: Inspirační katalog frontendových základenNaposledy upraveno: – Autor: Martin Michálek Cílem je poskytnout méně zkušeným inspiraci pro práci na vlastním devstacku. Proto kladu důraz na česky zdokumentované zástupce, ale pro pořádek…
Podcast: S Ondřejem Machuldou o testování webových aplikací
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é…
Naše frontendová školení v Brně. Jen jednou 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,…
JavaScript: Priority stahová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…
Nový kurz: Kódování newsletterů s Tomáš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,…
CSS Grid v MSIE: Můžete mít i automatické umísťování do mřížky
CSS Grid v MSIE: Můžete mít i automatické umísťová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…
Minirozhovor s Michalem Matuškou: Novinky v oblasti SVG a na školení
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í…
Utility třídy a komponenty v CSS: Jak najít rovnováhu?
Utility třídy a komponenty v CSS: Jak najít rovnová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…
Utility CSS: K čemu jsou dobré systémy jednoúčelový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í…
Z Illustratoru přímo do prohlížeče: SVG workflow od SUPERKODERS
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í…
Weby na chytrých hodinká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…
7 blbostí z oblasti webové rychlosti
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…
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…
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…
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í…
12 nejzajímavějších frontendových technologií 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…
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…
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…
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…
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…
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í…
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…
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…
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í…
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…