Полезные расширения Google Chrome для web разработки
![Полезные расширения Google Chrome для web разработки](https://www.virtucone.com/wp-content/uploads/2014/05/00.jpg)
Всегда считал Google Chrome мощным оружием web разработчика из коробки, а если его навешать правильными расширениями, то становится браузер mast-have. Плюс ко всему, если у вас несколько компьютеров (дома/на работе + ноутбук), то установив его под одним и тем же аккаунтом, ваша рабочая среда будет с вами всегда. Достаточно много традиционных расширений а-ля SEO, их я рассматривать не буду, т.к. их не так много, да и найти подобные обзоры также не составит труда. Внимание будет уделено именно помощникам в разработке. Итак, поехали!
1. Window Resizer
![Window Resizer](https://www.virtucone.com/wp-content/uploads/2014/05/01.jpg)
Это расширение изменяет размер экрана для эмуляции различных разрешений монитора с возможностью устанавливать собственные разрешения. В выпадающем меню выбирается нужный размер экрана.
2. Responsive Web Design Tester
![Responsive Web Design Tester](https://www.virtucone.com/wp-content/uploads/2014/05/02.jpg)
Расширение схоже по своему функционалу с Window Resizer, но нацелено больше на эмуляцию мобильных устройств. Какую из этих двух выбрать как основную? До сих пор не могу определиться.
3. MeasureIt!
![MeasureIt!](https://www.virtucone.com/wp-content/uploads/2014/05/03.jpg)
Простая линейка — жми и рисуй, чтобы получить ширину и высоту любых элементов на веб-странице в px. Единственный ее недостаток — нет привязки к блокам.
4. PerfectPixel by WellDoneCode
![PerfectPixel by WellDoneCode](https://www.virtucone.com/wp-content/uploads/2014/05/04.jpg)
Это расширение поможет вам разрабатывать сайт с попиксельной точностью! Так гласит название этого расширения, если по подробнее, то оно позволяет наложить полупрозрачное изображение поверх вашей верстки и выполнять сравнения попиксельно между ними. Для заядлых Pixelperfect — must-have.
5. Tape
![Tape](https://www.virtucone.com/wp-content/uploads/2014/05/05.jpg)
Одно из самых любимых расширений: эдакий швейцарский нож. Здесь есть в наличии измерительные приборы, линейки и сетки. Огромным плюсом является привязка к сетке и верстке. В общем, отличный помощник!
6. Check My Links
![Check My Links](https://www.virtucone.com/wp-content/uploads/2014/05/06.jpg)
Из названия и так все понятно — берет ваш сайт, и ищет битые ссылки. Это простое и нужное расширение.
7. HTML Book
![HTML Book](https://www.virtucone.com/wp-content/uploads/2014/05/06-1.jpg)
Быстрый доступ к справочникам на http://htmlbook.ru , когда уже голова “не варит”, или зашел в тупик — отличный помощник.
Ну вот, 7 расширений, которые мне помогают в работе и которыми пользуюсь каждый день.
Еще есть пара полезных сервисов, к которым часто обращаюсь:
![07](https://www.virtucone.com/wp-content/uploads/2014/05/07.jpg)
tinypng.com— простой и очень удобный сервис по сжатию .png формата, практически без потери качества сжимает как минимум на 50%. Также есть плагин для Photoshop. Рекомендую сразу же в закладку.
![08](https://www.virtucone.com/wp-content/uploads/2014/05/08.jpg)
wirify.com— сайт, если сказать точнее, закладка с js, при нажатии которой любой сайт можно превратить в sketch каркас. Красиво, быстро и удобно, если нужно на скорую руку прикинуть структуру и проанализировать макет сайта.
надеюсь был полезен, не стесняемся делится своими расширениями в комментариях
Теги: chrome, dev, google, web-дизайн, дизайн, разработка
1 476 просмотров