Nástroje

Téma s články o nejdůležitějších nástrojích moderní kodeřiny: CSS preprocesory, Grunt a další nástroje Node.js ekosystému.

PostCSS jako jednoduchá náhrada preprocesoru

16. 2. 2017 v příručce

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

Ebook „Vzhůru do CSS3“ verze 1.4: nové texty o Media Queries, prohlížečích a další

9. 1. 2017 na blogu

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

Co ještě nastudovat na přelomu roku?

21. 12. 2016 na blogu

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

Atomický design a Pattern Lab: návrat do budoucnosti návrhu uživatelských rozhraní

6. 11. 2016 v příručce

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

Google Analytics: průvodce měřením pro webové vývojáře

30. 8. 2016 v příručce

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.

Google Analytics: průvodce pro přidání webu

15. 8. 2016 v příručce

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

Search Console: co si Google myslí o vašem webu?

8. 8. 2016 v příručce

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.

Efektivní ladění responzivních webů

27. 6. 2016 v příručce

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.

Browsersync: živý náhled webu a ladění na zařízeních

22. 6. 2016 v příručce

Ž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í.

Nástroje pro analýzu rychlosti načtení stránky

27. 4. 2016 v příručce

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.

Představuji aplikaci Webařův checklist

6. 3. 2016 na blogu

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

Kontrolní seznam frontend kodéra

21. 1. 2016 v příručce

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

Zdrženlivá filozofie přístupu k nástrojům

14. 12. 2015 v příručce

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á.

Nástroje co používám pro frontend kodéřinu

3. 12. 2015 v příručce

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

Tipy a triky pro Chrome DevTools

19. 10. 2015 na blogu

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

Instalace Node.js ekosystému

5. 10. 2015 v příručce

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

Prosím, aktualizujte Picturefill na 2.3.1

29. 5. 2015 na blogu

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ů.

Co by měl umět webový kodér?

29. 3. 2015 v příručce

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

Vyzkoušel jsem WebFlow. Je to velká věc, ale práci kóderům jen tak nevezme

12. 3. 2015 na blogu

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.

29 užitečných Grunt pluginů

13. 2. 2015 v příručce

Seznam dlouhý jako týden před výplatou. Ale množství se nelekejme a směle do toho.

Martin Michálek

Autor: Martin Michálek

Nezávislý frontend designér s téměř dvacetiletou praxí a nadšením pro moderní webové postupy a technologie. Píše Vzhůru dolů, školí a je k dispozici pro konzultace. Více informací