Полезные инструменты для веб разработчика

Я уже показывал полезные вебдев плагины для Atom. Сегодня я покажу инструменты, которые можно использовать за пределами IDE.

Mozilla Developer Edition

Да да, браузер тоже может быть инструментом. Эта версия Mozilla специально была разработана для фронтендеров. В ней есть всё: WebIDE, JavaScript блокнот, Dev Tools, редактор стилей, сетка CSS, Service Workers, пипетка и т.д.

Firefox Dev Edition можно скачать бесплатно отсюда. Все плагины, которые есть в Chrome, доступны и здесь. Например React Dev Tools:

CSSMatic

Нет смысла прикидывать, как должна будет выглядеть тень, градиент, текстура, скругление, если есть CSSMatic.

Fontello

Fontello - инструмент для создания шрифта под иконки. Найдутся любые, здесь более 300 вариантов.

Позже выйдет вторая часть, т.к. тема мне понравилась.