15 расширений Google Chrome для людей, которые создают сайты

1. 1. Firebug Lite (для Google Chrome)
2. 2. Веб-разработчик
3. 3. Тест разрешения
4. 4. Pendule
5. 5. Обычная одежда
6. 6. Изображение Кроппер
7. 7. Lorem Ipsum Generator
8. 8. IE Tab (для Windows)
9. 9. jQuery Shell
10. 10. Выбор цвета
11. 11. WebEdit
12. 12. Chrome Sniffer
13. 13. Скриншот веб-страницы
14. 14. Пипетка
15. 15. SEO инструменты сайта
16. Реальный совет

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

1. Firebug Lite (для Google Chrome)

Firebug Lite (для Google Chrome) - это расширение, которое настраивает Firebug Lite в браузере. Хотя встроенный Инструменты разработчика в Chrome вы получаете относительно те же функции Firebug (и более), давние поклонники Firebug оценят это расширение для отладки и тестирования своей работы в Chrome.

2. Веб-разработчик

Панель инструментов веб-разработчика Криса Педерика давно пользуется популярностью среди веб-дизайнеров и разработчиков интерфейсов. Первоначально созданный для Firefox, он был портирован на Chrome с более приятным интерфейсом.

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

3. Тест разрешения

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

4. Pendule

Pendule расширяет встроенные инструменты разработчика в Google Chrome. Расширение предоставляет своим пользователям множество функций, таких как проверка разметки одним касанием с использованием автоматизированных веб-служб W3C, скрытие изображений на веб-странице, просмотр сценариев, включенных в веб-страницу, и многое другое.

5. Обычная одежда

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

Несмотря на то, что он создан в основном для тестирования веб-разработки, вы можете использовать это расширение для просмотра ваших стилей без стилей (чтобы босс не улавливал вас в просмотре страниц). Digg когда вы действительно должны закончить эту функцию JavaScript).

6. Изображение Кроппер

Если вы хотите использовать определенные части веб-страницы, Image Cropper - это простое и простое расширение для Chrome. Просто перетащите область, которую хотите обрезать, и она займет только ту часть веб-страницы. Нужна идеальная точность пикселей? Он отображает размер и местоположение ваших культур, чтобы помочь вам получить именно тот размер, который вам нужен.

7. Lorem Ipsum Generator

Это расширение гордится тем, что оно минималистично и просто - и это хорошо, потому что нет причин создавать текст Lorem Ipsum, что должно быть запутанным делом. Генератор Lorem Ipsum поможет вам заполнить макеты вашего дизайна фиктивным текстом для презентаций.

8. IE Tab (для Windows)

Устранение неполадок в фирменном движке Trident в Internet Explorer - это не веселое испытание. С помощью IE Tab вы можете, по крайней мере, сэкономить время от необходимости использовать Internet Explorer (и его ограниченный список расширений ) для устранения проблем рендеринга в вашей работе.

9. jQuery Shell

Оболочка jQuery позволяет запускать команды JavaScript и jQuery в контексте текущей веб-страницы. Это отличное расширение для обучения и экспериментов с jQuery.

10. Выбор цвета

Это одно-хитрое расширение Chrome действительно хорошо выполняет одно: быстро получает значения Hex и RGB любого цвета на любой веб-странице. Это может быть очень полезно при определении того, какие цвета использует ваш любимый веб-сайт, без необходимости переносить его в Photoshop и использовать инструмент «Пипетка».

11. WebEdit

С расширением WebEdit Chrome вы можете сделать любую веб-страницу редактируемой (внесенные вами изменения, конечно, не будут сохранены). Почему это расширение будет полезным? Если вы создаете веб-сайт и хотите поэкспериментировать с элементами, не внося существенных изменений в код, это расширение может оказаться очень полезным.

12. Chrome Sniffer

Задумывались ли вы, какие технологии, платформы и приложения с открытым исходным кодом использует веб-сайт? Опытные веб-разработчики могут выяснить это, изучив исходный код сайта, но если вы хотите более удобный и быстрый способ сделать это, то ознакомьтесь с Chrome Sniffer . Chrome Sniffer перечисляет все известные фреймворки / библиотеки JavaScript (jQuery, MooTools и т. Д.) И CMS (Drupal, WordPress и т. Д.), Которые использует веб-сайт.

13. Скриншот веб-страницы

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

14. Пипетка

Eye Dropper - это расширение Google Chrome, которое дает вам возможность определить цвет на любой веб-странице. Более того, он представляет цветовое колесо и образцы цветов (встречаются в большинстве графических программ), так что вы можете экспериментировать, настраивать и выбирать цвета.

15. SEO инструменты сайта

Правильно сформированная веб-страница с отличной разметкой в ​​конечном итоге приводит к потрясающим результатам поиска. Однако, если вы хотите оценить свой сайт с точки зрения известных факторов поисковой оптимизации, попробуйте SEO Site Tools , расширение Chrome, которое дает вам множество полезных инструментов и функций для оценки SEO. Он может извлекать тонны метрик на странице и за ее пределами, информацию в социальных сетях и многое другое.

Реальный совет

Использование этих расширений может сохранить веб-разработчики и дизайнеры тратят массу времени и делают их намного более эффективными в своей работе. Если вы ищете компанию, которая одновременно и эффективна, и профессиональна для проекта веб-дизайна, ищите не дальше, чем WebFX в Гаррисберге, Пенсильвания. Вот пример их опыта в разработка сайтов для отелей , Это одна из многочисленных отраслей, на которых они специализируются.

Связанный контент

Похожие

Комментарии