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

1. Window Resizer: изменение разрешения экрана

Каждый разработчик знает, насколько важна адаптивность. Люди сидят в интернете и со смартфонов, и с десктопа: скроллят ленты, заказывают доставки и посещают интернет-магазины. Платформа должна подстраиваться под размер экрана, чтобы клиенту было удобно.

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

2. Page Ruler: линейка для сайтов и приложений

Иногда каждый пиксель имеет значение. Возможно, вам нужно узнать параметры какого-нибудь элемента сайта, или вы не уверены в том, что рассчитали все верно. Расширение Page Ruler — это полезная веб-линейка, которая точно назовет пиксельные параметры любой выбранной вами зоны.

3. WhatFont: параметры шрифта за пару кликов

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

4. HTML Validator: валидатор HTML-разметки

Валидация — это проверка кода на его соответствие общепринятым стандартам в соответствии с W3C. Зачем это нужно? Для того чтобы сайт быстро загружался, не отнимая драгоценные секунды жизни пользователя, не выдавал ошибок и быстро продвигался по поисковым запросам. Существуют отдельные полезные платформы-валидаторы, но быстренько проверить качество своего проекта можно и при помощи расширения HTML Validator.

5. Site Palette: цветовая палитра сайта

Возможно, вы обнаружили сайт с идеальной цветовой палитрой, которую хотели бы повторить. Возможно, ваш пэт-проект — сделать на Adalo «клон» Tinder или другого популярного приложения. В обычной ситуации вы бы набирали цвета пипеткой или извлекали их из кода сайта вручную. Что ж, расширение для браузера Site Palette ускорит процесс — это полезный инструмент, который моментально извлечет из понравившегося ресурса всю палитру.

💡 Про клон дейтингового сервиса на Adalo — это не шутка, а реальность. Приходите на интенсив по разработке мобильных приложений на no-code инструментах! За пять дней вы сделаете если не «клон» Tinder, то абсолютно рабочую платформу. Интенсив бесплатный, успейте попасть в поток!

Один минус — бесплатный триал у Site Palette длится всего сутки. Для дальнейшего использования придется заплатить.

6. LanguageTool: проверка орфографии

Расширение LanguageTool проверяет правописание в текстовых редакторах и социальных сетях. При активации пользователя перебрасывает на отдельную страницу, где в специальном окошке можно просто ввести текст для проверки. Вуаля! Ваша грамотность настолько хороша, что учительница русского бы вами гордилась.

Русский язык расширение прекрасно понимает.

7. Save Images To Google Photos: сохранение картинок

Сталкивались ли вы с ситуацией, когда во время работы вам вдруг попалась хорошая картинка для будущего проекта? Вот только вы то ли закрыли вкладку, то ли она потерялась среди сотен таких же. С расширением Save Images To Google Photos все это останется в прошлом — инструмент позволяет моментально сохранить понравившееся изображение в Google Photos. Особенно удобно для тех, кто ищет вдохновение с разных устройств: рабочего лэптопа, домашнего десктопа, личного смартфона.

8. Lorem Ipsum Generator: генерация рыбатекста

Рыбатекст — это текст, которым веб-дизайнеры «забивают» сайт в отсутствии контента от заказчика. Разработчики испокон веков используют «Lorem ipsum» в качестве автозаполнения. Этот фрагмент из классического учения Цицерона на латыни был выбран из-за того, что связный текст мешает сосредоточиться на дизайне, да и в целом его сложнее придумать, пока голова занята разработкой.

И теперь, закончив ликбез, представляем расширение Lorem Ipsum Generator — генератор рыбатекста, который поможет моментально заполнить все лакуны будущего сайта или приложения. Больше не придется ничего гуглить, копировать и вставлять, откладывая интересную работу: расширение само этим займется.

Особенно удобно, что «рыбу» можно разбить на определенное количество абзацев или сделать нужного объема.

9. Notepad: блокнот для заметок

Порой нам всем в работе не хватает удобного инструмента для заметок или чеклистов. Может, для внезапно нахлынувшего приступа вдохновения. В расширении Notepad нет ничего особенного — блокнот и есть блокнот. Но он моментально активируется и позволяет записать мимолетную мысль, чтобы точно ее не забыть. Он даже не требует, чтобы в него логинились.

10. Broken Link Checker: проверка битых ссылок

Неработающие ссылки — хороший способ показать клиенту: этот сайт старый, никому не нужный и вообще заброшенный. Мало что клиенты не любят так же сильно, как ощущение, что о них не заботятся. Расширение Broken Link Checker мгновенно проверит, все ли ссылки открываются, и нет ли среди них битых. Это включает в себя неработающие картинки и все ошибки 404.

Срочно включаем и проверяем!

Это наша десятка топовых расширений для Google Chrome, которая облегчит жизнь и зерокодерам, и разработчикам. Возможно, у вас есть свои любимчики? Если хотите поделиться, напишите о них в чат зерокодеров!