9 расширений браузера Chrome для веб дизайнера

Браузер Google Chrome по отношению к другим браузерам является новинкой. Тем не менее, благодаря своему функционалу и приятному интерфейсу он набирает популярность. В данном обзоре приведены 9 расширений браузера Chrome, которые будут полезны веб дизайнеру в его благородном труде.

 

Web Developer

Панель Web developer

Расширение Web Developer добавляет на панель инструментов кнопку, которая открывает доступ к нескольким инструментам веб дизайнера. Данное расширение является официальным портом популярного расширения Web Developer для браузера Firefox, написанного теме же авторами.

 

BuiltWith

Расширение BuiltWith

Расширение BuiltWith является инструментом для анализа веб сайта. Проверив страницу, BuiltWith возвращает список всех технологий, которые он обнаруживает на данной странице. Назначение BuiltWith - помочь разработчикам и дизайнерам определить набор технологий для своих проектов.

 

Eye Dropper

Расширение Eye Dropper

Расширение Eye Dropper представляет собой инструмент "пипетка", знакомый по программе Фотошоп, для браузера Chrome. Можно брать цвет с любого участка страницы или из палитры цветов. Очень удобный инструмент.

 

MeasureIt!

Рсширение MesureIt!

Расширение MeasureIt! позволяет с помощью линейки определить ширину и высоту любого элемента на странице.

 

Window Resizer

Расширение Window Resizer

Данное расширение изменяет размер окна браузера для имитации различных разрешений. Очень полезный инструмент для проверки работы шаблона сайта в разных разрешениях окна браузера.

 

csscan

Расширение csscan

Как и расширение для браузера Firefox CSSViewer, данный инструмент позволяет быстро определить набор основных свойств CSS элемента, выделив его прямо на странице.

 

MultiSwitch

Расширение MultiSwitch

Если в ходе работы над проектом вам требуется часто переключаться между хостами для разработки, тестирования и эксплуатации веб сервера, то следует взять на вооружение расширение MultiSwitch.

 

Speed Tracer

Расширение Speed Tracer

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

 

Awesome Screenshot

Расширение Awersome Screenshot

Расширение Awesome Screenshot дает возможность делать снимок всей страницы или какой-либо ее части, делать пометки с помощью прямоугольников, кругов, линий, стрелок и текста, размывать участки изображения и одним нажатием загружать для публичного просмотра.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: webdesignledger.com/tools/9-useful-google-chrome-extensions-for-web-designers
Перевел: Сергей Фастунов
Урок создан: 28 Января 2011
Просмотров: 108051
Правила перепечатки


5 последних уроков рубрики "Разное"

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 28 Января 2011 18:40
    Fizik
    еще очень полезнаю вещь но конечно не сравниться с той какая написана для firefox https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench?hl=ru
    • 8 Июля 2012 13:46
      Pacifik
      А что такого есть в Firefox, чего нет тут. Мне хватает этого расширения "ЗаГлаза"!
    • 11 Декабря 2013 19:10
      aqwe109
      Добрый день у меня в chrome при включении функции Web Developer/Outline Block Level Elements (контур блочных элементов Уровень) пишет- does not work on internal browser pages (не работает на внутренних страницах браузера)? Если знаете подскажите как исправить.
  • 28 Января 2011 19:07
    sv2109
    От себя добавлю: Aviary Screen Capture - аналог Awesome Screenshot, быстро делает скрины экрана с последующтм редактированием и расшариванием Chrome Sniffer - аналог BuiltWith но лично для меня немного удобнее, так как показывает информацию (напр. логотип cms) сразу в адресной строке. Stylebot - мега полезная и функциональная штука - позволяет изменить css на сайте, записать изменения и при последующих посещениях сайта открывать измененную версию. Можно отключить рекламу, убрать ненужные мункты меню, колонки, изменить шрифты.. да все что угодно.. А для всего остального есть уже встреный в хром - инструмент разработчика, и ненадо никаких лишних модулей..
  • 28 Января 2011 19:34
    mihanikart
    Вот эта инфа очень полезна! Спасибо!
  • 29 Января 2011 12:05
    Руслан Димитриев
    Отлично! Зачет!
  • 29 Января 2011 12:11
    wakosto
    Google Chrome очень полезный и интерестный браузер. Поставив в него несколько расширений можно многое делать . Вот у меня , например стоит AdBlock и GmailChecker и серфинг в Интернете стал еще лучше. Он быстрее многих браузеров. Хотя и не странно, что такая компания, как Гугл сделала такой качественный продукт.
  • 29 Января 2011 12:27
    notbot
    Спасибо!
  • 29 Января 2011 14:47
    dsfgsd sdsdgf
    Возможности MeasureIt!, Window Resizer реализованы и в Web Developer. Их инсталляция не нужна.
  • 29 Января 2011 15:07
    Сергей Патин
    Тест
  • 29 Января 2011 23:28
    p0staltomsk
    бесподобно)
  • 30 Января 2011 01:27
    artmart
    Хорошая информация
  • 30 Января 2011 13:07
    MAK Дремучий
    https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha Css StyleBot Полезное расширение
  • 30 Января 2011 13:09
    MAK Дремучий
    И заместо Awesome Screenshot я использую https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg
  • 31 Января 2011 09:35
    art_reklama_com
    CSSCAN очень понравилось Спасибо)
  • 31 Января 2011 10:41
    Sergey Barbushin
    Для отладки в PHP использую расширение PHP Console: https://chrome.google.com/extensions/detail/nfhmhhlpfleoednkpnnnkolmclajemef
  • 31 Января 2011 12:32
    Дмитрий Арефьев
    Часто пользуюсь Pendule
  • 5 Февраля 2011 22:46
    aka_GRAD
    А вы Евгений, сами каким браузером пользуетесь?
  • 30 Июня 2011 20:51
    НикитаБелоусов
    спасибо огромное за линейку!!!
  • 8 Июля 2012 13:44
    Pacifik
    По последнему расширению - есть официальное расширение "Захват экрана (от Google)" https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg
^ Наверх ^