Nástroje

Vyhrál to tedy package.json a je asi jedno, jestli ho budete ovládat NPM nebo Yarnem.

Jak PostCSS využít jako jednoduchý a rychlý preprocesor, který vám na spoustu projektů výborně poslouží. A proč ne CSSnext?

Kapitola o Media Queries je zgruntu nová atd. 12 stránek navíc.

Když byste se náhodou nechystali odpočívat…

Systémy webového designu, Atomic Design a Pattern Lab – co je to a jak vám to pomůže?

Podíváme se co v Analytics mohou vývojáři sledovat, na užitečné nástroje a nutné základy práce s daty.

Přidání nového webu do Analytics může vypadat jako jednoduchá záležitost, ale není tomu tak.

Google Search Console je monitorovací nástroj ověřující provedení webu z pohledu vyhledavače. Možná Search Console znáte jako „Webmaster Tools“, dříve se tak jmenoval.

Jak si poradit s dnešní škálou prohlížečů a zařízení? A jak s nepřítomností pořádných vývojářských nástrojů na mobilech? Svatý grál neznám, ale pár tipů ze své praxe bych měl.

Živé promítání změn ve zdrojácích do prohlížeče. Synchronizace interakcí při testování webu. Ladění webu na mobilních zařízeních. Tohle všechno Browsersync umí.

Začněte s Google PageSpeed Insights, pokračujte na WebPageTest.org. Budou se vám také hodit vývojářské nástroje v Chrome nebo jiných prohlížečích.

Webařův checklist měl v podobě článku a PDF hezké ohlasy. Jenže… Obojí je trochu nepraktické. Proto tahle webová aplikace.

Co všechno by měl webový kodér zkontrolovat než odevzdá svou práci?

Naše branže je plná borců, co mají vytuněné nástroje, ale správně odhadnout časovou náročnost práce nebo dodržet termíny jim to nepomáhá.

Sublime Text, DevTools, Grunt, Browserstack, Graphic, Photoshop Elements a další.

Vsadím se, že minimálně některé z nich neznáte.

Začátečníkův průvodce instalací Node.js ekosystému – npm, Bower, Grunt a další.

Pokud tak neučiníte, na webu vám mohou přestat fungovat obrázky. A nebo – ještě lépe – prohlížeče zmrví nativní implementaci responzivních obrázků.

Kóder je technik, který oživuje uživatelská rozhraní webové prezentace nebo webové aplikace. Osnova pro výuku nebo aktualizaci znalostí o profesi.

Ale u mikrosajt nebo jednodušších prezentačních webů si designéři už dneska opravdu vystačí s malým nebo vůbec žádným dohledem kódera.