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 17. července 2019 10:25
Návratový kód HTTP 304
RSS export naposledy zpracován 17. července 2019 09:35
Kontrola aktuálnosti naplánována na 17. července 2019 10:34

CSS proměnné: 6 praktických příkladů, které vás nakopnou k jejich používání

CSS proměnné: 6 praktických příkladů, které vás nakopnou k jejich používáníNaposledy upraveno: – Autor: Martin Michálek „CSS proměnné“ (nebo také autorské vlastnosti) už známe z předchozího textu. V tomhle se podívejme na jejich praktické použití…

Vzhůru dolů | Dnes 9:35 | # Nové 

AMP: Odkud vám přinese návštěvnost pro web?

Kde je možné potkat AMP stránky?Naposledy upraveno: – Autor: Martin Michálek AMP využívá hlavně Google, ale také třeba LinkedIn, Pinterest, Bing a trochu i Twitter. Podívejme se, kde všude vám pomůže vytvoření rychle se načítající stránky pomocí téhle…

Vzhůru dolů | 4. 7. 2019 2:35 | #

CSS proměnné (nebo také autorské či volitelné vlastnosti)

CSS proměnné (nebo také autorské či volitelné vlastnosti)Naposledy upraveno: – Autor: Martin Michálek Nativní proměnné v CSS jsou fajn. Od proměnných v preprocesorech, které asi znáte více, se liší tím, že se počítají přímo v prohlížeči a že jsou…

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

Podcast: Speciál o AMP k vydání „Vzhůru do AMP“

Robin a Martin si tentokrát vystačili sami. Aby ne – mluví o práci na e-booku, který napsali o svém oblíbeném tématu – zrychlovací technologii AMP. Hodně se zaměřují na využití AMP jako frameworku pro tvorbu webů a co Robin slyšel na AMP roadshow v…

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

AMP weby: Co to je a proč nás to má vůbec zajímat?

AMP weby: Co to je a proč nás to má vůbec zajímat?Naposledy upraveno: – Autor: Martin Michálek Delší, hlubší a propracovanější odpověď na otázku „Co je AMP a proč mě má zajímat?“ samozřejmě najdete v e-booku. V tomhle textu se pokusím o úvod pro ty…

Vzhůru dolů | 24. 6. 2019 7:05 | #

Nový e-book: Vzhůru do AMP!

Milé čtenářky, milí čtenáři, s velkou radostí vítám na světě náš nový e-book. Vzhůru do AMP vám na více než třech stovkách stránek detailně představí technologii bezkonkurenčně rychlých webů a zároveň efektivní frontendový framework – AMP. Tentokrát…

Vzhůru dolů | 18. 6. 2019 10:55 | #

CSS: Optimalizace datové velikosti

CSS: Optimalizace datové velikostiNaposledy upraveno: – Autor: Martin Michálek CSS je zdroj, který vždy blokuje vykreslení stránky a proto se každý jeho kilobajt počítá. Ukažme si osm kroků, kterými je možné optimalizovat datovou velikost stylů a…

Vzhůru dolů | 12. 6. 2019 7:24 | #

SpeedCurve: Nástroj pro průběžnou analýzu rychlosti webu

SpeedCurve: Nástroj pro průběžnou analýzu rychlosti webuNaposledy upraveno: – Autor: Martin Michálek Pojďme si dnes něco povědět o hlavním nástroji, který u klientů používám pro analýzu rychlosti webu. Obrázek: Úvodní stránka SpeedCurve nabízí základní…

Vzhůru dolů | 29. 5. 2019 5:35 | #

Deskriptor font-display: Jak na řízené vykreslování webfontů?

Deskriptor font-display: Jak na řízené vykreslování webfontů?Naposledy upraveno: – Autor: Martin Michálek Vlastnost font-display určuje, jak se bude během stahování vykreslovat webový font. Umožní renderovat webfonty bez zbytečného probliknutí a…

Vzhůru dolů | 20. 5. 2019 16:00 | #

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…

Vzhůru dolů | 13. 5. 2019 6:35 | #

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ší…

Vzhůru dolů | 8. 5. 2019 20:10 | #

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

Vzhůru dolů | 22. 4. 2019 7:25 | #

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…

Vzhůru dolů | 8. 4. 2019 7:00 | #

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…

Vzhůru dolů | 27. 3. 2019 7:00 | #

Devstac­ky: In­spi­rač­ní ka­ta­log nástrojových zá­kla­den

Devstac­ky: In­spi­rač­ní ka­ta­log fron­ten­do­vých zá­kla­denNaposledy 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…

Vzhůru dolů | 26. 3. 2019 6:40 | #

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