Эти инструменты появились давно, у них множество конкурентов, но опытные разработчики продолжают их упорно рекомендовать начинающим. Они актуальны, удобны и имеют все ключевые функции. В работе front-end разработчика они все очень пригодятся.
Responsinator
Это онлайн-сервис для проверки адаптивной вёрстки. Конечно, у него сейчас много аналогов, но Респонизатор — прост, дружелюбен и просит пиво за услуги. Специальный код можно добавить в закладки и щёлкнуть на него, когда находитесь на сайте, который хотите протестировать. В общем, онлайн-сервис можно использовать одним кликом.
Jpegmini
Сервис для оптимизации изображений. Крайне важный инструмент в работе front-end разработчика. С помощью него вы сможете уменьшить время загрузки всех элементов своего сайта (соответственно, увеличить время нахождения пользователей). Этот ресурс невероятно популярен и у фотографов — с помощью него они могут отправиться на свадебную съёмку даже с 4Гб памяти. Качество не страдает, а вес уменьшается — вот и вся хитрость. Есть лицензия, есть бесплатная пробная версия.
Site44
В своё время он произвёл настоящий фурор, став самым простым способом для размещения своего сайта в сети интернет. Вы регистрируетесь в данном приложении, затем устанавливаете его в свой Dropbox и… все. Теперь вы можете размещать сайт прямо в Dropbox, привязав его либо к домену.site44, либо к вашему собственному. У Google Drive тоже есть такие возможности — вот специальная инструкция
Color.adobe
Цветовой миксер для того, чтобы смешивать цвета и делиться им. Незаменимый инструмент при разработке интерфейсов. В отличии от своих многочисленных аналогов бесплатен и есть возможности для синхронизации.
Livetools.uiparade
Онлайн-инструмент для создания форм обратной связи. Выделяем его за простоту и богатый функционал. Конкурентов у него, конечно, тысячи, но именно этот рекомендуют чаще всего начинающим веб-разработчикам.
Jsfiddle
Давняя и очень популярная среда для разработки, работающая прямо в браузере. Здесь все выверено, безупречно и заточено на удобство для пользователей. Рабочая область поделена на четыре части, размеры которых можно менять по своему усмотрению. Сюда можно подключать различные javascript-библиотеки (не все аналоги могут этим похвастаться). В первую очередь, предназначен для того, чтобы выложить пример html/css/js кода и сразу показать как он работает.
Whatfontis
Этот сервис определяет шрифты по изображениям. Работает просто — загружаешь картинку, получаешь названия и ссылки на шрифты. Определяет и платные, и бесплатные. Настоящий шазам для шрифтов. На самом деле, конечно, все работает сложнее — нужно выделять соответствующие символы, которые были распознаны на картинке. В базе почти 300 тысяч шрифтов, обычно программа выдаёт примерно 100 максимально похожих (полного аналога может и не быть).
Курс web-разработки (front-end) в IT-Академии Алексея Сухорукова — это возможность с нуля получить профессию. После нашего курса вы овладеете важнейшими инструментами двух самых востребованных браузерных языков (HTML/CSS и JavaScript), научитесь создавать сайты с динамическими элементами на заказ или под собственные проекты.
