7 расширений браузера Chrome для веб дизайнера
Браузер Google Chrome по отношению к другим браузерам является новинкой. Тем не менее, благодаря своему функционалу и приятному интерфейсу он набирает популярность. В данном обзоре приведены 9 расширений браузера Chrome, которые будут полезны веб дизайнеру в его благородном труде.
Расширение Web Developer добавляет на панель инструментов кнопку, которая открывает доступ к нескольким инструментам веб дизайнера. Данное расширение является официальным портом популярного расширения Web Developer для браузера Firefox, написанного теме же авторами.
Расширение BuiltWith является инструментом для анализа веб сайта. Проверив страницу, BuiltWith возвращает список всех технологий, которые он обнаруживает на данной странице. Назначение BuiltWith - помочь разработчикам и дизайнерам определить набор технологий для своих проектов.
Расширение Eye Dropper представляет собой инструмент "пипетка", знакомый по программе Фотошоп, для браузера Chrome. Можно брать цвет с любого участка страницы или из палитры цветов. Очень удобный инструмент.
Расширение MeasureIt! позволяет с помощью линейки определить ширину и высоту любого элемента на странице.
Данное расширение изменяет размер окна браузера для имитации различных разрешений. Очень полезный инструмент для проверки работы шаблона сайта в разных разрешениях окна браузера.
Как и расширение для браузера Firefox CSSViewer, данный инструмент позволяет быстро определить набор основных свойств CSS элемента, выделив его прямо на странице.
Если в ходе работы над проектом вам требуется часто переключаться между хостами для разработки, тестирования и эксплуатации веб сервера, то следует взять на вооружение расширение MultiSwitch.
9 полезных Firefox плагинов для веб дизайнеров
Flash
Switcher
Это
"маст хев" плагин
для Flash разработчиков.
Он позволяет
выбирать разные
версии Flash, и тем
самым Вы будете
точно уверены,
что Ваш код
совместим со
всеми версиями.
Firebug
Firebug
позволяет Вам
редактировать
CSS и HTML и любой другой
(на стороне
браузера) код
не выходя из
браузера. Это
идеальный
инструмент
для определения
причин медленной
загрузки страниц,
какой javascript притормаживает,
а также позволяет
редактировать
страницу без
сторонних
приложений
прямо из окна
браузера.
Live
HTTP Headers
Live
HTTP Headers показывает
Вам диалог,
который происходит
между вебсервером
и браузером.
С помощью данного
плагина Вы
сможете определить
почему не происходит
редирект, почему
поисковые
системы неправильно
индексируют
содержимое,
что не так сookies.
FireShot
Когда-либо
отсылали скриншоты
своим клиентам?
Или делали
принтскрин
страницы и
использовали
его в другом
макете? FireShot позволяет
Вам делать
скрин целых
страниц, выбранных
диапазонов
или текущего
окна и экспортировать
в программу
обработчик
изображений.
Идеально подходит
для быстрых
макетов, встреч
с клиентами
и для создания
портфолио.
Tamper
Data
Данный
плагин позволяет
менять параметры
GET и POST на любой
странице. Используйте
его для тестирования
веб форм, отладки
ошибок и проверки
безопасности
сайта. Единственный
минус - это неумение
работать параллельно
с Google’s web accelerator.
MeasureIt
Не
знаете точный
размер (ширину,
длину) Вашей
странички! Вам
необходимо
создать графический
элемент, но Вы
не знаете точную
ширину? MeasureIt поможет
Вам измерить
с помощью линейки
любой объект
как вертикально,
так и горизонтально.
ColorZilla
Позволяет
узнать RGB цвет
любого элемента
на странице
используя
специальный
инструмент,
такой же как
и в Фотошопе.
Прекрасно
подходит при
дизайне новых
графических
элементов для
существующего
проекта.
Link
Checker
Данный
инструмент
находит неработающие
ссылки, а также
ссылки, которые
выдают 404 ошибку.
Web
Developer
Web
Developer прадедушка
всех плагинов
для разработчиков.
Он умеет: просматривать
CSS свойство любого
элемента простым
нажатием, находит
не отображающиеся
картинки,
просматривать
любое поле
формы и многое
другое. Вы можете
очистить cookies,
запустим DOM
редактор, и
использовать
другие функции
из одного простого
меню. Только
Вы начнете им
пользоваться,
сразу пожалеете,
что не знали
о нем раньше.