Один из наших читателей написал на своем сайте интересный обзор расширений для Google Chrome, которые будут интересны веб-мастерам. Представлены расширения для работы с цветами, шрифтами и прочие средства разработки.
Работа с цветом
Удобное расширение для работы с цветом, благодаря ему, кликнув в любое место веб-страницы вы сможете точно узнать какой цвет использовался. Кроме того, можно выбрать область, и просмотреть как изменяется цвет на палитре.
У вас часто возникают сложности при выборе цветовой палитры для своего сайта? Вы можете воспользоваться набором онлайн инструментов для веб-мастера, а можете установить Chrome Palette.
С помощью этого расширения вы сможете получить цветовую схему из картинки. Загрузив изображение, вы получите набор цветов, которые на нем больше всего встречаются. Поэтому для создания цветовой схемы сайта, нужно просто выбрать подходящую картинку.
Благодаря расширению Color Tweak можно изменять цвета элементов сайта прямо «на лету». Вам не нравится белый фон Google? Теперь, вы без труда сможете его сделать зеленым, синим или любым другим. Вам просто нужно выделить элемент страницы (блок, список и т.д.) и выбрать для него цвет.
Такое расширение особенно полезно при подборе цветового оформления, вы сможете изменять свойства прямо в браузере, без необходимости лезть в код.
Работа со шрифтами
Сайт должен нести информацию, а информация должна быть читабельна. Для этого шрифт должен хорошо гармонировать с общим дизайном вашего сайта. Что бы не править каждый раз в коде тип шрифта, можно использовать это расширение, которое позволяет изменять шрифт любого элемента страницы прямо в браузере.
Вы можете задавать стиль для заголовков, списков, параграфов и т.д. Помимо простого изменения шрифта, вы также сможете изменять его размеры, стили и т.д.
Это расширение чем то похоже по функционалу на предыдущее, однако оно работает только со шрифтами из каталога Google Font. Вы также редактируете стили шрифтов сайта «на лету». Если вам понравился шрифт, то что бы применить его на своем сайте достаточно скопировать и вставить код в свою таблицу CSS.
Средства разработки
Это один из комбайнов, который покрывает собой большинство стандартных потребностей которые возникают при разработке. Количество встроенных инструментов довольно велико, тут можно найти и цветовую палитру, и CSS редактор, и много чего еще. Если вы любите «большие» расширения, то Web Developvent должен вам понравиться.
Довольно мощное расширение, которые включает себя неплохой набор инструментов. Чем то похоже на Web Developer, однако больше нацелено на работу с CSS.
Одно из самых популярных расширений для веб-разработки. Версия под Firefox более обширная, но и количество функций в Chrome версии также должна вас порадовать. Основной упор сделан на работу с DOM-элементами страницы а также изменения их CSS свойств. Выбрать элемент страницы, просмотреть информацию о нем, и изменить его свойство можно все в пару кликов мыши.
Расширение StyleBot это лучший вариант для ленивых, или неопытных разработчиков. Оно позволяет проводить манипуляции с CSS стилями используя интуитивный интерфейс, без необходимости вникать в тонкости верстки или различных правил CSS. Для опытных разработчиков, оно поможет немного сэкономить время.
Вам надоело каждый раз просматривать весь код страницы, что бы узнать какие CSS свойства были применены к тому, или другому объекту? Установите CSSViewer и вы всего в один клик по интересующему вас элементу сможете узнать его свойства.
Если вы заботитесь о своих пользователях, то вы должны делать сайты такими, что бы они приятно смотрелись на мониторах с различным разрешением. Расширение Windows Resize позволяет устанавливать различные размеры браузера, благодаря чему, вы сможете ощутить себя в «шкуре» пользователя вашего сайта.
Если вы программируете на PHP, то осуществить быстрый поиск по документации вы сможете сделать прямо из строки своего браузера.
Вы вводите текст, как обычный запрос, и тут же видите подсказки в виде названия функции и ссылки на полное описание. Аналогичные расширения есть для поиска по документации: JQuery, JavaScript
Источник: technovzor.com