Мой Google Chrome | Сообщество пользователей

Подборка расширений для веб-мастеров

Один из наших читателей написал на своем сайте интересный обзор расширений для Google Chrome, которые будут интересны веб-мастерам. Представлены расширения для работы с цветами, шрифтами и прочие средства разработки.

Работа с цветом

ColorPicker

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

Chrome Palette

У вас часто возникают сложности при выборе цветовой палитры для своего сайта? Вы можете воспользоваться набором онлайн инструментов для веб-мастера, а можете установить Chrome Palette.

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

Color Tweaker

Благодаря расширению Color Tweak можно изменять цвета элементов сайта прямо «на лету».  Вам не нравится белый фон Google? Теперь, вы без труда сможете его сделать зеленым, синим или любым другим. Вам просто нужно выделить элемент страницы (блок, список и т.д.) и выбрать для него цвет.

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

Работа со шрифтами

Font Editor

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

Вы можете задавать стиль для заголовков, списков, параграфов и т.д. Помимо простого изменения шрифта, вы также сможете изменять его размеры, стили и т.д.

Google Font Previewer

Это расширение чем то похоже по функционалу на предыдущее, однако оно работает только со шрифтами из каталога Google Font. Вы также редактируете стили шрифтов сайта «на лету». Если вам понравился шрифт, то что бы применить его на своем сайте достаточно скопировать и вставить код в свою таблицу CSS.

Средства разработки

Web Developer

Это один из комбайнов, который покрывает собой большинство стандартных потребностей которые возникают при разработке. Количество встроенных инструментов довольно велико, тут можно найти и цветовую палитру, и CSS редактор, и много чего еще. Если вы любите «большие» расширения, то Web Developvent должен вам понравиться.

Pendule

Довольно мощное расширение, которые включает себя неплохой набор инструментов. Чем то похоже на Web Developer, однако больше нацелено на работу с CSS.

Firebug Lite

Одно из самых популярных расширений для веб-разработки. Версия под Firefox более обширная, но и количество функций в Chrome версии также должна вас порадовать. Основной упор сделан на работу с DOM-элементами страницы а также изменения их CSS свойств. Выбрать элемент страницы, просмотреть информацию о нем, и изменить его свойство можно все в пару кликов мыши.

Stylebot

Расширение StyleBot это лучший вариант для ленивых, или неопытных разработчиков. Оно позволяет проводить манипуляции с CSS стилями используя интуитивный интерфейс,  без необходимости вникать в тонкости верстки или различных правил CSS. Для опытных разработчиков, оно поможет немного сэкономить время.

CSSViewer

Вам надоело каждый раз просматривать весь код страницы, что бы узнать какие CSS свойства были применены к тому, или другому объекту? Установите CSSViewer и вы всего в один клик по интересующему вас элементу сможете узнать его свойства.

Window Resizer

Если вы заботитесь о своих пользователях, то вы должны делать сайты такими, что бы они приятно смотрелись на мониторах с различным разрешением. Расширение Windows Resize позволяет устанавливать различные размеры браузера, благодаря чему, вы сможете ощутить себя в «шкуре» пользователя вашего сайта.

Поиск PHP

Если вы программируете на PHP, то осуществить быстрый поиск по документации вы сможете сделать прямо из строки своего браузера.

Вы вводите текст, как обычный запрос, и тут же видите подсказки в виде названия функции и ссылки на полное описание. Аналогичные расширения есть для поиска по документации: JQuery, JavaScript

Источник: technovzor.com

Другие новости

• Google Chrome 18.0.1025.133 Beta
• Перенос папок профиля и кэша браузера Google Chrome
• 3cm.kz — укоротитель ссылок
• Google Chrome: запрос на использовании Java и QuickTime