22 плагина Google Chrome для веб-разработчика
Если вы активный пользователь браузера Google Chrome, то самое время прокачать его на полную катушку инструментами настоящего разработчика. Вот список популярных плагинов, который упростит работу и разнообразит обыденный интернет-сёрфинг.
Stylebot
Если вы хотите переделать любимые интернет-страницы на свой лад, то лучше плагина не найти.
Image Downloader
Приложение для скачивания понравившихся картинок с любого сайта.
DomFlags
Создание меню ссылок для быстрой навигации по вашему коду.
CSS-Shack
Очень удобная утилита, в которой вы можете работать с текстом, изображениями, верстать страницы, а потом просто экспортировать файл в CSS и пользоваться в создании свей страницы.
Marmoset
Предельно бесполезное приложение для создания красивых скриншотов вашего кода. Под красотой понимается возможность изменения цвета фона и вращение в 3D.
iMacros for Chrome
Если вам надо настроить тестирование веб-страницы путём циклического совершения определённых действий, то это приложение именно то, что нужно.
Font Playground
Не самое замысловатое приложение, но крайне удобное. Позволяет быстро оценить изменение шрифта, как в отдельном блоке, так и на всей странице.
Firebug Lite
Возможно, вы знаете про подобную мощную надстройку для Firefox, которая служит отладчиком и DOM-инспектором JavaScript, HTML, CSS. Чуть менее функциональная версия есть и на Chrome.
Window Resizer
Позволяет быстро посмотреть, как будет выглядеть страница на экране произвольного размера.
Ripple Emulator
Аналогичная утилита, которая демонстрирует отображение страницы на конкретном гаджете.
Project Naptha
Приложение будет полезно не только разработчику, но и простому пользователю. Позволяет копировать текст с картинки, редактировать его и даже переводить.
What Font
Чтобы узнать, какой перед вами шрифт, просто установите в браузер приложение What Font.
ColorZilla
А это приложение позволит узнать номер цвета.
Yslow
Данная утилита не просто покажет скорость загрузки страницы, но и подскажет, что именно эту самую скорость снижает.
Web Developer
Какой веб-разработчик сможет жить без приложения Web Developer? Добавляет на главное окно кнопки-стандартные инструменты разработчика.
Page Ruler
Рулетка для веб-страниц сообщит вам габариты того или иного элемента.
DevTools Autosave
Как понятно из названия, данное приложение автоматически сохраняет ваши труды по созданию кода.
Instant Wireframe
С помощью этой утилиты вы сможете на любо ресурсе просмотреть структурную схему страницы (wireframe).
Search Stackoverflow
Быстрый поиск по популярному сервису вопросов и ответов для программистов и разработчиков.
PerfectPixel
Приложение для работы со слоями в вебе, в частности можно делать их полупрозрачными.
Chrome Daltonize
Если вдруг решите сделать сайт, рассчитанный в том числе на людей с проблемой цветоощущения, то непременно воспользуйтесь этой утилитой.
Check My Links
Расширение, которое проверяет все ссылки в тексте и удостоверяется в их работоспособности. Работают – выделяет зелёным, не работают – красным.
А какими расширениями и приложениями браузера вы пользуетесь в работе?
Если вы еще не стали веб-разработчиком, рекомендуем пройти интенсив "Основы программирования".