13 расширений Google Grome для веб-мастера

17 января 18:44 2013

Добрый день читателям блога symby.ru, хочу в этом посте поделиться полезными расширениями для Google Ghrome, которыми я постоянно пользуюсь в своей работе и они, несомненно, станут полезны для любого веб-мастера, будь он дизайнером или верстальщиком, а то и вовсе простым блогером, которым в частности и я себя считаю.

Расширения для Хрома

Я очень люблю ковырятся и искать новые расширения, чтобы найти полезные, которые будут экономить моё время во время работы, ведь правильно сказал Карл Маркс:

Всякая экономия в конечном счете сводится к экономии времени. (…)
Источник

Кстати, я как-то писал пост о пользе Фотошопа для блогера, чтобы его посты были хорошо оформлены и выглядели более информативно.

Я не стал публиковать ссылки на все расширения, потому что некоторые у меня установлены в браузере и я не знаю адресов, но по названию, вы легко сможете найти их в Интернет-магазине Google и легко установить их к себе в браузер.

ColorZilla

Расширения для Хрома

С помощью этого расширения, можно взять пробу на цвет у любого объекта на веб-страницы. Аналог пипетки в Фотошопе.

Screen Capture

Расширения для Хрома
Это разработка самого Google, основная задача данного расширения заключается в том, чтобы делать снимки экрана, как видимой части, так и всего «тела» документа со скроллингом, сохраняет изображения в PNG.
Отлично подходит для заскриншонивания сайта целиком.

Resolution Test

Расширения для Хрома
В комментариях к статье про адаптивный дизайн, меня спрашивали – каким инструментом я проверяю адаптивность и правильность вёрстки?

Отвечаю – проверяю расширением для хрома «Resolution Test», с помощью него можно смотреть сайт под разным разрешением экрана и обнаруживать свои ошибки в работе.

RDS bar

Расширения Google Ghrome
Один из самых необходимых плагинов для меня, так как я веду блог, то надо постоянно следить за его показателями – ТИЦ, PR, индексирование в поисковых системах и многое другое. С помощью рдс бара я легко получаю такую информацию

Firebug Lite for Google Chrome

Расширения Google Ghrome

Это расширение для Google Chrome просто не обходимо для верстальщика, с его помощью можно:

  • Находить ошибки в вёрстке;
  • Просматривать исходный код и смотреть стили css для блоков в html. То есть щёлкаете на интересующий вас класс и сразу видите прописанные стили для него;
  • Смотреть очередность выполнения скриптов и много другое.

HTML Validator

Расширения Google Ghrome
Автоматическая проверка веб-документа на ошибки валидации. Так же это расширение работает со страницами, которые вы открыли на локальном сервере. Очень выручает, когда работаешь над сайтом локальной машине.

Word Count

Расширения Google Ghrome
Маленькое расширение для хрома, которое показывает количество слов и знаков в выделенном тексте.

PageSpeed Insights

Расширения Google Ghrome

Анализатор скорости загрузки от сервиа PageSpeed, он кстати Google. После включения и проверки вашего сайта, вы получаете баллы и список проблем вашего сайта, которые влияют на его скорость загрузки. Так же даются советы как лучше всего устранить эти проблемы.

ruul. Screen ruler

Расширения Google Ghrome

Незаменимое расширения для веб-дизайнера – линейка. После активации, у вас в браузере появляется линейка, с помощью которой можно мерить расстояния на странице в пикселях, так же линейку можно размещать ещё и вертикально. Так же доступно специальная таблица для определения размера шрифта и толщины линий:

Расширения Google Ghrome

Советую всем установить Screen ruler в свой ghrome.

Adobe Edge Inspect

Расширения Google Ghrome

После того, как вы подключите мобильное устройство (IOS или Android) к компьютеру, вы сможете одновременно проверять сайт и отслеживать его адаптивность. Проверять правильность HTML / CSS / JavaScript и сразу редактировать их со своего устройства. Незаменимое расширение, которое потребуется веб-разработчикам, занимающимися созданием мобильных версий сайтов и.т.п.

Основные возможности:

  • Беспроводная синхронизация нескольких устройств на Android или IOS к компьютеру;
  • Синхронный просмотр веб-страницы;
  • Внесение изменений в HTML код, на подобие расширения firebug;

Image Search

Расширения Google Ghrome

Поиск картинок в Google с заранее установленными параметрами, начиная от размера картинок до вариантов: любой, лицо, фотография и.т.п.

Уверен, дизайнеры оценят это расширение для ghrome.

Fotoshop

Расширения Google Ghrome
Онлайн Фотошоп теперь и у вас в Хроме. Это конечно не полная копия десктопной версии, но имеет много незаменимых возможностей, которые могут пригодиться:

  • Базовая редакция изображений;
  • Основные фильтры для работы с фоном, текстами и цветами;
  • Есть почти все стандартные инструменты фотошопа (кисти, ластик, лассо, фигуры и.т.п.);
  • Присутствует работа со слоями.

Если вам надо на скорую руку изменить что-нибудь или отредактировать, то это идеальный вариант.

QR Code

Расширения Google Ghrome

Простенькое дополнение для браузера, с помощью него можно создавать QR Code из урл страницы, на которой вы находитесь. Затем его можно сохранить и отправить кому-нибудь. Интересное расширение, но пользы от него мало :).

Вот и всё, вот такими расширениями я пользуюсь каждый день в своей работе. А сейчас мне интересно, что используете вы? Напишите 3 самых любимых ваших расширений для хрома.