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 | 15. listopadu 2018 06:55 |
| Návratový kód | HTTP 304 |
| RSS export naposledy zpracován | 14. listopadu 2018 09:55 |
| Kontrola aktuálnosti naplánována na | 15. listopadu 2018 07:01 |
Š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é…
Knihkupectví a e-shopy. Nová místa, kde si teď můžete koupit knížku
Rok po vydání tištěné verze Vzhůru do (responzivního) designu jsem se rozhodl, že už je dost velká na to, aby mohla do světa. A tak vyrazila v mnoha kopiích do celého Česka. Proto ji teď máte mnohem blíž. Obrázek: Takhle na vás „Vzhůru do…
Podcast: O prohlížeči Seznam.cz se Štěpánkou Lebedovou
Prohlížeči Seznamu roste podíl na českém trhu, což je důvod podívat se na něj z mnoha úhlů pohledu. Proč má vlastně Seznam svůj prohlížeč? Jak se odlišuje od konkurence? Jak se prosazuje na trhu? Na čem je postavený technicky a jaký to vliv má na práci…
Lighthouse: Nepostradatelná analýza webu od Google
Lighthouse: Nepostradatelná analýza webu od GoogleNaposledy upraveno: – Autor: Martin Michálek Lighthouse je velmi důležitý nástroj. Chcete vědět proč? Google jeho prostřednictvím totiž webařům radí jak vyzrát na Google. Používám jej hlavně pro analýzu…
WebExpo 2018: Moje přednáška o AMP. A na jaké další se chystám?
Letošní WebExpo je už za bukem. Dává smysl AMP použít na našich webech? Takovou otázku si kladu před svou letošní dvacetiminutovou přednáškou. Chci vynechat „filozofickou“ kontroverzi i detaily z popisu fungování téhle technologie a zaměřit se na reálná…
PageSpeed Insights: Podrobný průvodce nástrojem pro měření rychlosti
PageSpeed Insights: Podrobný průvodce nástrojem pro měření rychlostiNaposledy upraveno: – Autor: Martin Michálek PageSpeed Insights je asi nejznámější nástroj pro analýzu rychlosti načítání webů. Je skvělý pro získání základního přehledu, jak na tom web…
CSS grid: 3 příklady použití, které se vám budou líbit (a fallback k tomu)
CSS grid: 3 příklady použití, které se vám budou líbit (a fallback k tomu)Naposledy upraveno: – Autor: Martin Michálek CSS grid nádherně rozšiřuje možnosti layoutu ve webdesignu. Pojďte se nechat inspirovat několika příklady využití. Jeho podpora není…
Grid, Flexbox, rychlost načítání nebo organizace CSS: Podzimní školení začínají
Doražte se naučit nové frontendové technologie a taky si ušetřit spoustu času stráveného slepými uličkami samostudia. První tři školení už tradičně vedu já: kodéřinu, rychlost načítání a nový kurz organizace CSS. Dnešní webová kodéřina: Flexbox, Grid,…
Google Analytics: S jakými viewporty navštěvují uživatelé můj web?
Google Analytics: S jakými viewporty navštěvují uživatelé můj web?Naposledy upraveno: – Autor: Martin Michálek Data o velikostech okna (nebo viewportu) dodávají na rozdíl od rozlišení displeje do responzivního designu informaci, bez které se nedá…
Velikost okna prohlížeče v CSS a JavaScriptu: min-width, innerWidth, clientWidth
Velikost okna prohlížeče v CSS a JavaScriptu: min-width, innerWidth, clientWidthNaposledy upraveno: – Autor: Martin Michálek Na rozdíl od rozlišení displeje poskytuje velikost okna pro responzivní design webu velmi zajímavé informace. Kromě velikosti…
Rozlišení obrazovky ve webdesignu
Rozlišení obrazovky ve webdesignuNaposledy upraveno: – Autor: Martin Michálek Rozlišení displeje z pohledu webaře moc zajímavé není, protože weby vykreslujeme a přizpůsobujeme velikosti okna prohlížeče. Nicméně – občas se to hodí a možnosti jak…
GDPR pro weby: Všechno, co o tom vím (pod dohledem advokáta)
GDPR pro webaře: Všechno, co o tom vím (pod dohledem advokáta)Naposledy upraveno: – Autor: Martin Michálek O GDPR toho bylo napsáno hodně, zavedení do praxe už je za námi a hlavní vlna zájmu tedy opadla. Proč další článek o GDPR? Je to jednoduché –…
Podcast: S Pavlem Jaškem z Google o AMP
Před třemi lety představil Google technologii AMP pro tvorbu rychlých mobilních stránek. Ta hned vzbudila kontroverze. Tentokrát se vyhneme detailům programování a zaměříme se, takříkajíc na business. S analytikem Pavlem Jaškem si povídáme o využití AMP…
Dvě novinky od Google: Rychlost webu jako řadící signál a Chrome ještě více tlačí na HTTPS
Během července začaly platit dvě důležité změny ve vyhledávání a v prohlížeči Chrome. Rychlost webu jako řadící signál vyhledávače The Speed Update, which enables page speed in mobile search ranking, is now rolling out for all users!More details on…
Podcast: S Davidem Grudlem o vývoji open source a kampani na podporu vývoje Nette
David Grudl a další vedoucí členové Nette komunity se právě teď snaží získat finance na další vývoj tohoto velmi populárního PHP frameworku. Proč zrovna tímto způsobem? A jaké je vyvíjet dlouhá léta takhle velkou knihovnu s otevřeným kódem? Poslechněte…
Největší problém Bootstrapu: Chybějící style guide
Podívejte se, já jsem odjakživa velký fanoušek Bootstrapu. Ale jedna věc mě na něm v poslední době štve. Bootstrap je skvělý frontend framework pro tvorbu UI. Ve verzi 4 dle mého potvrdil, že díky své propracovanosti a schopností zaměřit se na to…