Многие до сих пор спорят, какой браузер для дизайнера или веб-разработчика лучше, 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, который позволяет вам запускать все ваши приложения и плагины из выпадающего меню. Также вы сможете организовать ваши приложения и плагины в группы. К примеру, вы сможете разделить рабочие плагины и персональные, для экономии времени.
2. Awesome Screenshot
Об этом плагине я уже писал в статье плагины для google chrome. Плагин мне кажется незаменимым для создания скриншотов страниц и сайтов. Он позволяет захватывать как видимую часть страницы, так и всю страницу целиком. После захвата вы можете обработать снимок — сделать различные пометки. Также вы сможете сразу сохранить скриншот локально или оставить на месяц в онлайн хранилище.
3. Aviary Screen Capture
Еще один плагин для Google CHrome с функцией захвата изображения. Функционал очень похож на Awesome Screenshot, но при этом плагин от Aviary не имеет доступ к вашим личным данным и просмотренным страницам, что непременно понравиться любителям скрываться от поисковых систем.
4. Chrome Sniffer
Chrome Sniffer позволит вам посмотреть какие фреймворки использует тот или иной сайт. Он так же умеет определять популярные CMS и библиотеки JavaScript. Этот плагин будет полезен тем, кто часто задается вопросом: «На чем и как это сделано?» На данный момент плагин знает порядка 100 фреймворков.
5. Cloud Save
Сейчас большое количество людей в процессе перехода от работы с локальными данными к работе с данными в облачных хранилищах. Если вы работаете в интернете, то наверняка уже используете какой-либо облачный сервис. Я, например, использую DropBox, о котором статья Dropbox. Что такое DropBox? Как использовать DropBox?. Плагин Cloud Save позволяет вам сохранять файлы с сайтов в любое облачное хранилище, к примеру, Amazon Cloud Drive, DropBox, Flickr.
6. Eye Dropper
Об этом плагине я тоже писал. Плагин будет полезен в те моменты работы, когда вам нужно узнать точный оттенок на странице. Вам будет достаточно двух кликов — первый по иконке плагина, второй по месту, цвет которого вам необходимо узнать. Плагин также имеет на своем вооружении обычный пикер и умеет запоминать использованные вами цвета.
7. Firebug Lite
Firebug — это классика жанра. Плагин Firebug Lite — это один из способ навсегда попрощаться с Mozilla Firefox. Функционал плагина такой же как и у версии для Firefox, но в работе используется набор средств для разработчика встроенных в браузер Google Chrome.
8. Greplin
Greplin — это плагин, который позволяет осуществлять поиск по вашей персональной информации. Используйте это расширение для поиска информации, которую вы запостили в различных социальных медиа, таких как Twitter, Facebook и даже Gmail. Плагин индексирует вашу информации для более простого поиска. Вместо того, чтобы рыться в историях переписки в поисках нужной информации просто воспользуйтесь Greplin.
9. IE Tab
Плагин IE Tab позволяет вам просматривать страницу или сайт в симулированном окне браузера Internet Explorer не выходя из любимого Google Chrome. К сожалению, IE до сих пор самый используемый браузер в мире. Поэтому очень часто приходиться просматривать ваш сайт в IE дабы добиться кроссбраузерности. Имейте ввиду, что плагин работает только под Windows, т.к. использует встроенный в браузер Internet Explorer движок рендеринга.
10. MeasureIt!
Надо узнать размеры какой-либо области? MeasureIt! спешит на помощь. Плагин позволяет измерить любую область веб-страницы в два клика.
11. Palette for Chrome
Palette очень полезный плагин для Google Chrome. Он умеет выдавать 16, 24 и 32 цветовые палитры заданного изображения. Используйте это расширение чтобы выполнить элементы дизайна в той же цветовой гамме, что и изображения.
12. Resolution Test
Измените размер вашего браузера для того, чтобы проверить сайт в разных разрешениях. Resolution Test идет с набором стандартных и популярных разрешений, но вы так же можете добавить свои.
13. WhatFont
Для многих дизайнеров работа со шрифтами это важная часть создания дизайна. Случалось ли вам оказаться на сайте, шрифт на котором идеально вам подходит? Единственный вариант узнать, что это за шрифт — залезть в код и поискать. Теперь же вам достаточно установить расширение WhatFont, которое позволит узнать название шрифта просто наведя курсор мыши на нужный текст. Так же вы узнаете цвет и размер шрифта.
Ну, а как заработать на сайте, который вы создали, вы можете узнать на сайте http://zarabotat-na-sajte.ru/
Firebug Lite юзаю всегда=)