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.

NPM: Průvodce začátky a základními příkazy

19. 11. 2018 v příručce

Bez NPM se v dnešním webovém vývoji nedá rozumně fungovat. Tenhle komplexní článek je pro všechny začínající a ty, kteří v ovládání tohodle správce balíčků pořád ještě plavou.

package-lock.json: Proč potřebujeme „lockfile“?

12. 11. 2018 v příručce

Vedle package.json je to klíčový soubor pro definice závilostí projektu. Což je důvod podívat zaměřit se i na něj.

package.json: Vývojářský manifest pro každý projekt

4. 11. 2018 v příručce

Projekty postavané na balíčkovačích NPM nebo Yarn si bez tohoto souboru nelze představit. Co ale kromě závislostí mohou obsahovat? Podíváme se i na méně známé „fíčury“.

SemVer: Sémantické verzování

1. 11. 2018 v příručce

Jaké informace můžeme vyčíst z verze software typu 1.2.3. No a hlavně – jak to souvisí s frontendovým vývojem a konkrétně package.json.

Stylelint: Jak si jej nainstalovat v editorech kódu?

31. 7. 2018 v příručce

Pojďme si rozjet Stylelint přímo v editoru. Je to totiž to první místo, kde bychom jej měli používat.

Pár poznámek k průzkumu mezi vývojáři na Stack Overflow

15. 4. 2018 na blogu

Co mě zaujalo v celosvětovém průzkumu mezi 100 tisíci vývojáři?

Podcast: S Vuem z Avocode o nástrojích mezi designéry a vývojáři

17. 12. 2017 v podcastech

Konec Photoshopu v Čechách? Pro webdesign snad už ano.

Konec Boweru: Na nové projekty už jej nepoužívejte

16. 6. 2017 na blogu

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

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.

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