Часто в веб-разработке требуются те или иные инструменты для работы, будь то дизайн, веб-программирование, поисковое продвижение или копирайтинг. В этой статье хочу рассказать об инструментах, которые я использую в своей работе над проектами (дизайн сайтов), а именно о расширениях для браузера Google Chrome.
1. Fontface Ninja
Замечательное расширение для определения шрифтов на сайте, их размеров, начертания и цвета. Здесь же есть возможность скачать шрифт (если он в бесплатном доступе) или купить его.
Интерфейс интуитивно понятен и прост. После установки его из магазина расширений, в статус-баре браузера появится иконка расширения. При клике на нее, откроется окно со списком используемых шрифтов на текущей странице, а так же появится возможность купить или скачать нужный шрифт.
При наведении курсора мыши на текст, появится всплывающее окно с подробным описанием о шрифте, его размере и цвете.
Незаменимое расширение для определения и поиска шрифтов.
2. Full Page Screen Capture
Часто возникает потребность сделать скриншот всей страницы сайта. С этой задачей отлично справится расширение Full Page Screen Capture. После установки автоматически создается скрин всей страницы и открывается в соседней вкладке. Для этого нужно всего лишь кликнуть по иконке в статус-баре.
Вверху вам будет доступный следующий функционал:
• удалить текущий скрин,
• открыть в полном размере,
• сохранить на компьютер,
• посмотреть историю ранее сделанных скринов.
Весьма простой и полезный инструмент, создающий скрин страницы в один клик.
3. SNATCHR
Особенно будет полезно дизайнерам данное расширение. С его помощью можно определить всю цветовую палитру сайта и удобно скопировать код цвета в графический редактор, для последующей работы с ним. Также выводится информация о шрифтах и типографике.
4. Dimensions
Удобная линейка, с помощью которой, можно измерить расстояние между блоками, а также отдельных элементов на странице сайта.
С таким инструментом, вы всегда будете знать точные размеры в пикселах.
5. PerfectPixel
С помощью этого расширения можно «примерить» любое изображение, логотип, иконку прямо в браузере на странице сайта. Больше не нужно загружать скрин страницы в графический редактор для того, чтобы посмотреть как будет смотреться новый логотип, иконка или баннер.
Функционал на русском языке, что облегчает работу с расширением. Все просто: выбираем необходимое изображение, регулируем его параметры, предварительно выставив его в нужном месте страницы сайта.
Таким образом, видим свое изображение на сайте — быстро и удобно!
6. Google Similar Pages
Ищите похожие сайты? Google Similar Pages — именно то, что вам нужно! С его помощью, всего в один клик, можно посмотреть подборку похожих по смыслу сайтов, будь то интернет-магазин или биржа фриланса.
7. Window Resizer
Если нужно посмотреть, как выглядит сайт в разных разрешениях, от мобильного до десктопа (есть возможность вручную вводить свой размер), рекомендую данное расширение. Незаменимый помощник при проектировании сайтов и изучении адаптивности.
Конечно, существует большое количество различных расширений, которые могут помочь оптимизировать рабочий процесс. Я описал лишь 7 часто используемых лично мною. Думаю, статья была полезна для вас и вы открыли для себя нового «маленького помощника». Пишите в комментариях, какими расширениями пользуетесь вы.