Моё front-end/Smart TV окружение:
Процесс разработки
- WebStorm (IDE лучше не встречал, стоит своих денег)
- Gulp (сборка проектов)
- Yeoman (скаффолдинг)
- Bower (управление используемыми библиотеками)
- LESS (CSS-препроцессор)
- Spy-js (JavaScript трассировка)
- CSSComb (сортировка и форматирование стилей)
- JSDoc (создание документации)
- weinre (удалённая отладка)
- Chrome DevTools (инструменты разработчика)
- Adobe Photoshop / Extract (макеты)
Приложения и расширения для Chrome
- Postman (HTTP/REST-клиент)
- Cacoo (прототипирование и построение диаграмм)
- IcoMoon (иконки)
- RegExp Tester (тестирование регулярных выражений)
- Google Docs (замена Windows Officce для документов)
- Cookies (работа с cookies)
- Emmet Re:View (тестирование брейкпоинтов вёрстки)
- Fontface Ninja (позволяет узнать название шрифта на странице и скачать его)
- JetBrains IDE Support (live-reload для WebStorm)
- Perfmap (профилирование загрузки ресурсов с использованием Resource Timing API)
- qSnap (скриншоты страницы + хостинг скриншотов)
- Tape (инструмент для измерения расстояний на странице, линейки, сетки)
- Web Developer Checklist (чеклист для front-end разработчика)
Разное