Плагины для Google Chrome для дизайнеров и веб-разработчиков

Have a question? Ask in chat with AI!

google chrome логоМногие до сих пор спорят, какой браузер для дизайнера или веб-разработчика лучше, Mozilla Firefox или Google Chrome. Вот уже два года прошло после релиза Google Chrome и сейчас это второй по популярности браузер после Firefox и он имеет все шансы обогнать Firefox за счет более быстрой работы и огромного количества плагинов для Google Chrome. Сегодня мы поговорим о плагинах для Goolge Chrome, которые облегчают жизнь дизайнерам и веб-разработчикам.

О плагинах для Google Chrome я уже писал. Вот несколько интересных статей:
Плагины для Google Chrome
4 полезных плагина для Google Chrome для работы со стилями CSS

Напомню, что установить плагины можно со страницы WebStore набрав в поиске название нужного вам плагина.

1. AppJump — лаунчер и органайзер для плагинов

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

2. Awesome Screenshot

Об этом плагине я уже писал в статье плагины для google chrome. Плагин мне кажется незаменимым для создания скриншотов страниц и сайтов. Он позволяет захватывать как видимую часть страницы, так и всю страницу целиком. После захвата вы можете обработать снимок — сделать различные пометки. Также вы сможете сразу сохранить скриншот локально или оставить на месяц в онлайн хранилище.
Awesome Screenshot

3. Aviary Screen Capture

Еще один плагин для Google CHrome с функцией захвата изображения. Функционал очень похож на Awesome Screenshot, но при этом плагин от Aviary не имеет доступ к вашим личным данным и просмотренным страницам, что непременно понравиться любителям скрываться от поисковых систем.
Aviary

4. Chrome Sniffer

Chrome Sniffer позволит вам посмотреть какие фреймворки использует тот или иной сайт. Он так же умеет определять популярные CMS и библиотеки JavaScript. Этот плагин будет полезен тем, кто часто задается вопросом: «На чем и как это сделано?» На данный момент плагин знает порядка 100 фреймворков.
Chrome Sniffer

5. Cloud Save

Сейчас большое количество людей в процессе перехода от работы с локальными данными к работе с данными в облачных хранилищах. Если вы работаете в интернете, то наверняка уже используете какой-либо облачный сервис. Я, например, использую DropBox, о котором статья Dropbox. Что такое DropBox? Как использовать DropBox?. Плагин Cloud Save позволяет вам сохранять файлы с сайтов в любое облачное хранилище, к примеру, Amazon Cloud Drive, DropBox, Flickr.
Cloud Save для Google Chrome

6. Eye Dropper

Об этом плагине я тоже писал. Плагин будет полезен в те моменты работы, когда вам нужно узнать точный оттенок на странице. Вам будет достаточно двух кликов — первый по иконке плагина, второй по месту, цвет которого вам необходимо узнать. Плагин также имеет на своем вооружении обычный пикер и умеет запоминать использованные вами цвета.
Eye Dropper

7. Firebug Lite

Firebug — это классика жанра. Плагин Firebug Lite — это один из способ навсегда попрощаться с Mozilla Firefox. Функционал плагина такой же как и у версии для Firefox, но в работе используется набор средств для разработчика встроенных в браузер Google Chrome.
FireBug lite

8. Greplin

Greplin — это плагин, который позволяет осуществлять поиск по вашей персональной информации. Используйте это расширение для поиска информации, которую вы запостили в различных социальных медиа, таких как Twitter, Facebook и даже Gmail. Плагин индексирует вашу информации для более простого поиска. Вместо того, чтобы рыться в историях переписки в поисках нужной информации просто воспользуйтесь Greplin.
Greplin

9. IE Tab

Плагин IE Tab позволяет вам просматривать страницу или сайт в симулированном окне браузера Internet Explorer не выходя из любимого Google Chrome. К сожалению, IE до сих пор самый используемый браузер в мире. Поэтому очень часто приходиться просматривать ваш сайт в IE дабы добиться кроссбраузерности. Имейте ввиду, что плагин работает только под Windows, т.к. использует встроенный в браузер Internet Explorer движок рендеринга.
IE Tab

10. MeasureIt!

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

11. Palette for Chrome

Palette очень полезный плагин для Google Chrome. Он умеет выдавать 16, 24 и 32 цветовые палитры заданного изображения. Используйте это расширение чтобы выполнить элементы дизайна в той же цветовой гамме, что и изображения.
Palette

12. Resolution Test

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

13. WhatFont

Для многих дизайнеров работа со шрифтами это важная часть создания дизайна. Случалось ли вам оказаться на сайте, шрифт на котором идеально вам подходит? Единственный вариант узнать, что это за шрифт — залезть в код и поискать. Теперь же вам достаточно установить расширение WhatFont, которое позволит узнать название шрифта просто наведя курсор мыши на нужный текст. Так же вы узнаете цвет и размер шрифта.
WhatFont

Ну, а как заработать на сайте, который вы создали, вы можете узнать на сайте http://zarabotat-na-sajte.ru/


3 комментария для “0

  1. Уведомление: Плагины для Google Chrome для дизайнеров и веб-разработчиков | Grabr
  2. Уведомление: «ВКонтакте» и ФСБ « Seo блог Школьнега, рубящего капусту по тихому. Альфа Версия

Добавить комментарий для Pankoseo Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Предыдущая запись Что такое DropBox? Как использовать DropBox?
Следующая запись Google: новый язык программирования Darts