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 | 23. ledna 2019 12:15 |
| Návratový kód | HTTP 304 |
| RSS export naposledy zpracován | 23. ledna 2019 06:35 |
| Kontrola aktuálnosti naplánována na | 23. ledna 2019 12:23 |
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…
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:…
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í…
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…
Š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…
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á…
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…
package.json: Vývojářský manifest pro každý projekt
package.json: Manifest závislostí projektuNaposledy upraveno: – Autor: Martin Michálek Dneska o tomhle populárním souboru, o NPM skriptech a taky o závislostech. Asi nejlepší definice package.json zní: Manifest závislostí projektu. Jedná se o soubor,…
SemVer: Sémantické verzování
SemVer: Sémantické verzováníNaposledy upraveno: – Autor: Martin Michálek SemVer je specifikace, jejímž cílem je sjednocení způsobu verzování software. Autorům prostě předepisuje, jakým způsobem označovat nové verze jejich programů. Major.Minor.Patch…
Podcast: S Honzou Tomanem o tvorbě systému designu v Kiwi.com
Honza je člověk, který toho ví o webových designových systémech opravdu hodně. Kromě organizace meetupů zaměřených na tuhle problematiku pomáhá tvořit systém pro Kiwi.com. V rozhovou jsme se pokusili projít proces vytváření obecné knihovny komponent:…
Jsou weby na WordPressu skutečně pomalé? Pár poznámek ke studii Dannyho Richmana
Weby na WordPressu z principu pomalé být nemusí. Je to chyba implementátorů, nikoliv tohoto nejpopulárnějšího systému pro správu webů. Docela často narážím na zmínky o „pomalosti“ WordPressu. Danny Richman navíc nedávno publikoval zajímavý průzkum –…
Ikonfonty: Vykašlete se už na ně. Máme přece SVG!
Ikonfonty: Vykašlete se už na ně. Máme přece SVG!Naposledy upraveno: – Autor: Martin Michálek Ikonfonty jsou jako vši. Člověk by čekal, že si s nimi lidstvo už dávno nějak poradilo. Že prostě nejsou. Jenže ono to chvilku vypadá dobře, ale za chvíli na…
Nové školení „Nástroje Javascriptu“ (detailně o NPM, Yarn, Webpack, Karma, Mocha, Chai, refaktoring, linting…)
Účastníci velmi úspěšného školení Javascriptu si psali o pokračování a to vám právě teď ve spolupráci s Rikim Fridrichem velmi rád představím. Nástroje Javascriptu navazují tam, kde končí Principy – u zajímavých nástrojů ze světa Javascriptu. Teď na ně…
Konzultujte vždy prosím nasazení nových komponent pro web s vývojáři (Případ FreshChat)
Řekněme, že jste marketéři, designéři nebo majitelé webů. A že chcete rychlý web. Je možné, že pro to leccos děláte. Ale může vám unikat jedna podstatná věc – každé nasazení externí komponenty do stránky může rychlost webu pokazit. Marketéři, když…
Kaskáda v CSS: skrytý „nepřítel“
Kaskáda v CSS: skrytý „nepřítel“Naposledy upraveno: – Autor: Martin Michálek Možná se divíte, proč se na blogu, kde řešívám spíše pokročilejší záležitosti v CSS, vrhám na začátečnické téma. Jenže… Moc dobře vím, že správné chápání kaskády je rozšířené…
Komponety versus kontexty v CSS
Komponenty vs. kontexty v CSSNaposledy upraveno: – Autor: Martin Michálek Pokud používáte BEM nebo jinou komponentovou metodiku v CSS, byl by zázrak když byste nenarazili na problém stylování přes rodiče. Takřka filozofický problém. Vezměme, že máme…
@extend v preprocesorech: Bacha na něj!
@extend v preprocesorech: Bacha na něj!Naposledy upraveno: – Autor: Martin Michálek V CSS preprocesorech jako LESS a Sass můžete použít direktivu @extend. Asi tak ve dvou případech z tisíce to může být užitečné, ale v textu se vás od toho chystám…
Prohlížeče v Česku: Webdesignérův průvodce pro rok 2018
Prohlížeče v Česku: Webdesignérův průvodce pro rok 2018Naposledy upraveno: – Autor: Martin Michálek Vstupem Chrome na desktop a nástupem mobilů začaly nové „Browser Wars“. Od roku 2017 ale rostou i další nové prohlížeče – ty od Samsungu a od Seznamu…
Poznámky z WebExpo 2018: AMP, variabilní fonty, performance a spousta dalšího
Pár stručných zápisků z letošního ročníku WebExpo. Moje přednáška o AMP Velmi stručně o tom, proč AMP potřebujeme a jak AMP funguje: Kdo AMP v Česku používá: Ukázky od Alza.cz, Relaxos, Cuketka.cz a dalších. Občas i čísla. AMP je super pro obsahové…