Back to Top
Font size: +

Chrome расширения для дизайнеров и разработчиков

Составляя первый список плагинов для Chrome, мы вряд ли могли представить, что через несколько лет их количество возрастет с пары тысяч до десятков, что появится огромное разнообразие в выборе и мы сможем устанавливать не только плагины, но и темы, приложения и другие модные и удобные «аксессуары» для браузера. Сейчас Chrome стал одним из основных инструментов при разработке сайтов, наравне с FireFox. Во многом это заслуга большого количества дополнений, существующих для него. Несмотря на встроенные возможности для разработки, дополнительные инструменты бывают очень кстати, а добавив сюда такой фактор как привычка — становятся просто незаменимыми. Ниже мы собрали коллекцию расширений, которые помогут в разработке нового веб-проекта.

Также рекомендуем обратить внимание на другие статьи о плагинах и темах для браузера Google Chrome на нашем сайте.

CsscanCsscan
Расширение дает возможность узнать CSS свойства и атрибуты любых блоков на странице не открывая дополнительные окна и вкладки.

StylishStylish
Позволяет управлять пользовательскими стилями. С помощью этого расширения вы легко сможете добавить собственные стили для любого сайта.

XML TreeXML Tree
Помогает просматривать XML данные в древовидном виде, что заметно повышает удобство просмотра и анализа.

Window ResizerWindow Resizer
Позволяет подстраивать размеры экрана браузера, если вы разрабатываете сайт, например, с адаптивной разметкой.

WhatFontWhatFont
Расширение, которое подскажет, что за шрифт используется на странице, а так же какие стили используются для него.

960 Grid960 Grid
Добавляет на страницу разметку в виде сетки. Незаменимое дополнение при разработке сайта и особенно для верстки.

Image Size InfoImage Size Info
Плагина отображает текущую информацию о картинке (размер, вес, ссылку и т.д.), на которую наведен курсор.

Aviary Screen CaptureAviary Screen Capture
Позволяет «захватывать» видимую область экрана, текущую вкладку или весь сайт целиком для создания скриншота. Функционал очень схож с плагином Awesome Screenshot, но этот плагин мы считаем более удобным.

IE TabIE Tab
Незаменимый плагин для отладки сайта, в частности верстки, в браузере Internet Explorer. Расширение можно использовать как альтернативу онлайн сервисам для проверки кроссбраузерности (свойство сайта отображаться во всех браузерах одинаково).

Chrome GesturesChrome Gestures
Это дополнение сэкономит вам время т.к. позволяет выполнять привычные команды (вперед, назад, открыть, закрыть и другие) жестами мыши внутри страницы браузера.

URL ShortenerURL Shortener
Дополнение создает укороченный url для любой страницы с помощью сервиса от Google. Так же в функционале заложена возможность генерации QR кода.


Комментарии (3)

Артём Острецов / 5 Сентябрь 2012 в 15:02

Очень полезное (больше для разработчика) расширение — Edit This Cookie, для редактирования cookie.

Виктор Барчин / 6 Сентябрь 2012 в 21:57

Не представляю себе веб-разработку без Firebug для Chrome. Очень полезная подборка расширений!

Илья Федотов / 6 Сентябрь 2012 в 22:45

Виктор, мне, именно для Chrome, больше нравится Web Developer, а в качестве дополнения стандартные средства для веб-разработки.

Комментирование этой статьи закрыто ...

Креативные логотипы. Часть 1