Самые крутые расширения для браузера
В моем браузере установлено около 30 расширений, которые упрощают жизнь и работу в интернете. В этой статье я хочу поделиться 10 актуальными расширениями Google Chrome для верстальщика, которые постоянно использую при разработке сайтов.
1. PerfectPixel
Верстка сайта пиксель-в-пиксель вызывает трудности как у новичков, так и у опытных специалистов. PerfectPixel накладывает изображение макета поверх верстки в браузере. В настройках расширения можно отрегулировать прозрачность и расположение макета, что позволяет учесть все необходимые размеры и отступы. Использование этого плагина упростит работу верстальщика и сократит количество правок при сдаче проекта. В моем наборе расширений PerfectPixel занимает первое место за счет своей функциональности и удобства использования.
2. Wappalyzer
Всегда интересно какие инструменты и технологии используются на сайтах. Wappalyzer предоставляет информацию о CMS, JS фреймворках, CSS библиотеках, инструментах аналитики и многом другом. Представьте, что анимация на сайте – это бесплатная CSS библиотека, которую вы можете использовать у себя в проекте. Это позволит сократить время поиска необходимого инструмента и быть в курсе технологий, которые использует сайт.
3. HTML5 Outliner
HTML 5 Outliner отображает список заголовков на странице сайта. Расширение помогает структурировать заголовки и определять нарушения в иерархии. Например, в теге section HTML 5 Outliner выводит предупреждение об отсутствии тега h2. Это один из быстрых и удобных способов, чтобы определить правильность использования заголовков в верстке.
4. Wireframify
Дизайнеры проектируют сайты с помощью wireframe — это набор линий, блоков и подписей. Такой подход позволяет создавать архитектуру проекта с учетом отступов, размеров и расположения блоков на странице. Wireframify включает альтернативный вид сайта в виде wireframe, что позволит избежать ошибочного использования:
- отрицательных margin;
- выравнивания элементов с помощью padding;
- добавления отступов с помощью CSS свойств left, right;
5. PageLiner
В графическом редакторе выровнять элементы или отобразить сетку сайта можно с помощью направляющих линий. Верстальщик может включить этот функционал в браузере используя PageLiner. Расширение отображает похожие направляющие, как в том же Adobe Photoshop. С PageLiner выравнивать элементы становится намного проще.
6. Web Developer
Список возможностей web developer
Web Developer добавляет в браузер дополнительную панель с инструментами. Внутри нее находится 10 вкладок: Disable, Cookies, CSS, Forms, Images, Information, Miscellaneous, Outline, Resize и Tools. Функционал расширения позволяет:
- отключать CSS, JS и изображения;
- проверять валидность HTML, CSS;
- манипулировать CSS стилями;
- тестировать HTML формы;
- отображать необходимую информацию мета тегов;
- изменять размер окна браузера;
- очищать кэш;
Web Developer остается популярным расширением среди разработчиков. Его можно сравнить с мультитулом в реальной жизни: всегда под рукой необходимый набор инструментов.
7. User CSS
8. StyleURL
User CSS не заменит панель разработчика браузера. Если вы привыкли работать в devtools и при этом не хотите потерять изменения после обновления браузера – установите StyleURL. Расширение запомнит ваши изменения и предоставит возможность сохранить наработки в отдельном файле или загрузить в github gist.
9. Siteimprove Accessibility Checker
Siteimprove Accessibility Checker — это инструмент, который проверяет HTML на соответствие стандартам доступности, чтобы обеспечить доступ к контенту для всех. Расширение отображает ошибки с подробной информацией. В описании к ним вы можете найти сноски с WCAG 2 и прямые ссылки на подробные статьи о доступности.
10. Tabsbook
Пример использования Tabsbook
Каждый работает с закладками по-своему. Есть те, кто сохраняет ссылки для быстрого доступа к сайтам, и те, кто используют закладки, чтобы хранить полезную информацию. С помощью Tabsbook можно превратить ваши закладки в базу знаний. Интерфейс расширения отображает древовидную структуру папок для удобной навигации по вашим закладкам. Все данные хранятся в облаке, что позволяет иметь доступ к ним с любого устройства.
Расширения будут полезны всем новичкам и опытным специалистам, которые о них не знали. Напишите в комментарии, какие расширения вы используете.
Расширения для Google Chrome — это эффективные инструменты, которые помогают оптимизировать рутину и выполнять некоторые действия, которые без расширений невозможны или требуют отдельных сервисов.
Мы собрали самые полезные расширения для маркетологов, копирайтеров, дизайнеров и программистов, а также несколько общих расширений, которые помогут вам работать продуктивнее.
Лучшие расширения Google Chrome для маркетологов
Здесь мы собрали расширения, которые помогут анализировать конкурентов, продвигать сайт и вести соцсети.
1. SimilarWeb
Это расширение google chrome помогает анализировать сайты, как свои, так и конкурентов. Similar Web определяет количество посетителей и основные каналы продвижения, которые использует владелец сайта. Платная версия дополнительно предоставляет список поисковых запросов органического трафика, запросы контекстных объявлений, показывает все субдомены, лендинги, affiliate-партнеров и многое другое. По факту, с помощью этого расширения можно сэкономить на разработке рекламной стратегии: просто проанализируйте наиболее успешных конкурентов и примените их наработки.
2. Popsters
Лучшее расширение Google Chrome для SMMщиков. Показывает статистику любой страницы в Facebook, Instagram, VK, Одноклассниках, YouTube, Twitter, Coub, Flickr, Pinterest и Google Plus. Расширение дает полноценную информацию об активности, покажет, насколько успешна группа, которую вы ведете, в какое время лучше публиковать посты. Также оно дает необходимую информацию для быстрого анализа конкурентов. У всех публичных страниц, которые вы проанализировали однажды, будет автоматически считаться ER.
Данные можно выгружать в формате XLSX, PDF, PNG, JPG, CSV, PPTX. Приложение платное, для каждой соцсети необходимо завести отдельный аккаунт. Есть бесплатный пробный период.
3. SEOquake
Обязательная панель инструментов для всех, кто занимается маркетингом профессионально. Расширение собирает все необходимые данные для анализа и аудита в одном месте. Оно оценивает посещаемость, анализирует плотность ключевых слов, проводит базовый SEO-аудит с подсказками по улучшению каждого параметра. Удобно, что параметры поискового запроса можно ввести самостоятельно.
Это Google Chrome расширение подойдет только для опытных SEO-специалистов и маркетологов, так как интерфейс и функционал не адаптированы для новичков.
Обязательная панель инструментов для всех, кто занимается маркетингом профессионально. Расширение собирает все необходимые данные для анализа и аудита в одном месте. Оно оценивает посещаемость, анализирует плотность ключевых слов, проводит базовый SEO-аудит с подсказками по улучшению каждого параметра. Удобно, что параметры поискового запроса можно ввести самостоятельно.
Это Google Chrome расширение подойдет только для опытных SEO-специалистов и маркетологов, так как интерфейс и функционал не адаптированы для новичков.
4. RiteBoost
Оформляйте любую публикацию в социальных сетях одним щелчком мыши на любой платформе. Приложение автоматически подбирает хэштеги, которые подходят по теме и сейчас в тренде, добавляет в текст эмоджи, сокращает ссылки. Если вы делитесь страницей сайта, RiteBoost подгружает изображения с нее, либо подбирает подходящие для вашей собственной записи при щелчке по слову или хэштегу. Еще пользователи отмечают возможность кнопку со ссылкой на сайт и призывом (например, «Загрузить» или «Заказать»).
Расширение простое в использовании, но экономит множество времени на оформление постов и проверку хэштегов.
5. SessionBox
Незаменимое расширение Google Chrome для работы с несколькими аккаунтами на одном сайте или в соцсети. Позволяет залогиниться в нескольких учетных записях в одном окне браузера без использования вкладок инкогнито или других браузеров. Полезно для создания активности в сообществах или продвижения хэштега. С ним удобно пользоваться одновременно личным и рабочим аккаунтом.
Google Chrome расширения для копирайтеров и редакторов
Эти расширения Google Chrome помогут писать грамотно и удобнее редактировать и копировать текст.
6. WildFire
Позволяет записывать и повторять в один клик последовательность действий в браузере. Расширение распознает создание новых вкладок, клик левой или правой кнопкой мыши, переход по ссылке, обновление страницы, ввод текста и другие действия. Например, можно в один клик скопировать текст из Google Docs и закинуть его на проверку в Главред.
Для записи нажмите на кнопку Start Recording, а когда закончите, нажмите Stop Recording. Все цепочки сохраняются в журнале, их можно использовать или отредактировать в любое время.
7. LanguageTool
Google Chrome расширение работает почти на всех сайтах. Для Google Docs есть отдельная версия . Не требуется регистрация.
8. TextWerter
У этого маленького расширения для Google Chrome только одна функция, но она сильно облегчит жизнь копирайтерам и редакторам. Оно копирует любой текст и вставляет его без форматирования и иллюстраций. Работает через контекстное меню: нужно выделить текст, щелкнуть по нему правой кнопкой мыши и выбрать пункт «скопировать в виде простого текста».
9. Grammarly
Лучшее расширение Google Chrome для тех, кто пишет тексты на английском. Помимо стандартных орфографии, пунктуации и грамматики расширение определяет даже самые тонкие смысловые неточности. Помогает адаптировать текст под конкретный стиль — например, разговорный или академический. Делает проверку на антиплагиат.
Большая часть функций доступна по подписке, но разработчики дают пользователям возможность сэкономить: за каждого приглашенного друга вы получите неделю бесплатной подписки. Не работает в Google Docs.
Расширения Google Chrome для дизайнеров
Эти расширения помогут веб-дизайнерам создавать дизайны сайтов — работать со шрифтами, текстом и адаптивной версткой.
10. WhatFont
Мгновенно дает информацию о шрифте при наведении курсора. Показывает имя шрифта, семейство, межстрочный интервал, начертание, размер и цветовой код. При желании можно посмотреть, как шрифт выглядит на латинице, а иногда даже скачать его.
После установки расширения Google Chrome нужно перезагрузить. Чтобы активировать или деактивировать режим определения шрифта, нажмите на иконку расширения в правом верхнем углу окна Google Chrome.
11. Sizzy
Это расширение для Google Chrome показывает, как будет выглядеть сайт на разных экранах, например, на смартфоне или планшете. Расширение платное.
12. Corporate Ipsum
Генерирует случайный текст на английском языке в зависимости от нужного количества слов. В итоге шаблон выглядит гораздо натуральнее стандартного Lorem Ipsum. Помимо практической пользы расширение поможет скрасить трудовые будни: случайно сгенерированный текст бывает очень забавным.
Расширения для Google Chrome для программистов
Лучшие расширения Google Chrome для веб-разработчиков и верстальщиков: помогут изучать структуру сайтов и экспериментировать с их настройками.
13. Octotree
Это Google Chrome расширение отображает структуру репозитория на GitHub и GitLab в виде дерева. Отлично подходит для изучения исходного кода проекта без необходимости загружать много репозиториев на компьютер. В платной версии доступно несколько тем, расширенный просмотр кода, изменение места закрепления, поиск файлов, GitHub Enterprise.
14. EditThisCookie
В первую очередь это Google Chrome расширение для настройки куки, их перемещения, сохранения, поиска и удаления. Дополнительно дает возможность сбора данных с конкретного сервиса, работает как менеджер сессий, позволяет установить время «жизни» отдельных файлов. Перед установкой рекомендуется изучить информацию о работе с расширением на сайте разработчика.
15. WhatRuns
Дает возможность подсмотреть, как работает чужой хороший сайт, без анализа кода. Отображает все фреймворки, веб-технологии, CMS и его плагины, темы, шрифты и инструменты — например, Wordpress и Google Analytics. Более того: расширение может уведомлять вас, если на проверенном вами сайте запустили что-то новенькое.
16. Web Maker
Отличное расширение для Google Chrome для разработчиков, которые хотят поэкспериментировать или попрактиковаться в HTML/CSS/JS. Подходит для создания страницы в качестве примера для заказчика или работы в условиях отсутствия сети: для работы не требуется подключение к интернету.
Расширения Google Chrome для общей продуктивности
Эти расширения будут полезны независимо от вашей специальности — они помогут работать эффективнее и меньше отвлекаться.
17. OneTab
Сохраняет бесконечные открытые вкладки в браузере в виде списка. Это удобнее, чем закладки, сами вкладки не нагружают память компьютера и вы можете открыть их в один клик в любой момент.
18. Pushbullet
Это расширение Google Chrome помогает скопировать текст, ссылку или номер с компьютера на смартфон или наоборот. Также возможно синхронизировать мессенджеры, вкладки, отправлять SMS и небольшие файлы. Главное, чтобы все устройства были привязаны к аккаунту расширения. Упрощает общение с большим количеством клиентов и коллег.
19. Webite Blocker
После настройки приложение будет заботливо перенаправлять вас с бестолковых сайтов, на которых вы убиваете время, на нужные и полезные. Есть функция блокировки сайтов по ключевым словам. Активно даже при работе в режиме инкогнито, но можно установить расписание работы расширения: например, будние дни с 9:00 до 17:00. Работает синхронизация на ПК и мобильных устройствах (Android).
Устанавливайте полезные расширения, работайте эффективно и будьте продуктивнее вместе с Canva !
Trend Micro Check – сервис проверки безопасности сайтов, ссылок и адресов электронной почты, включающий расширение для Google Chrome и ботов для WhatsApp и Facebook Messenger
DNS Changer для Android – мобильное приложение для простой смены DNS сервера для всех подключений на смартфоне или планшете
Wireshark - бесплатная профессиональная программа для анализа сетевой активности, изучения пакетов, просмотра сетевой статистики и составления отчётов
Расширение Malwarebytes Browser Guard создает дополнительный уровень защиты для браузеров Chrome и Firefox, блокируя онлайн-угрозы: вредоносные и мошеннические сайты, фишинг и нежелательную рекламу
Web of Trust (WOT) - бесплатный плагин для веб-браузеров Chrome, Firefox, Opera. Защищает вас от опасных веб-сайтов и веб-ссылок, используя рейтинг безопасности онлайн-ресурсов
Quad9 Connect для Android обеспечивает защиту и шифрование всех DNS-запросов с помощью DNS-over-TLS, а также блокирует открытие опасных сайтов
IBM Security Trusteer Rapport 3.5.2009.67 (Windows) / 3.6.1945.169 (MacOS) / 3.8.1612.15 (Android) / 1403.73 (iOS)
Trusteer Rapport - защита интернет-банкинга и онлайн-платежей. Дополнительный уровень безопасности для вашего антивируса. Продукт предлагает защиту от кейлоггинга, захвата экрана и фишинга
Пароли iCloud – расширение для браузера Google Chrome и Microsoft Edge с помощью которого можно синхронизировать ваши пароли с Windows из браузера Safari, iPhone, iPad или Mac
Firefox Multi-Account Containers – дополнение для браузера Firefox, которое позволяет открывать сайты изолированно друг от друга и входить одновременно в несколько аккаунтов на одном сайте
Avira Browser Safety - веб-фильтр Avira для браузера, включающий безопасный поиск, безопасный просмотр сайтов, защиту от слежения и блокировщик рекламы на базе Adguard. Реализована поддержка браузеров Chrome, Firefox и Opera
Avast Online Security - плагин веб-защиты для браузеров Chrome, Firefox, Microsoft Edge и Opera. Отображает рейтинг безопасности (репутации) веб-сайтов, защищает от фишинга и онлайн-слежки со стороны рекламных и аналитических сайтов
Java SE Runtime Environment / Development Kit 17 (17.0.1) / 16.0.2 (16.0) / 15 (15.0.2) / 11 (11.0.13 LTS) / 8 Update 333 (8.0.3110.11)
Java Runtime Environment позволяет запускать приложения (апплеты), написанные на языке Java, в вашем браузере. Играйте в онлайн-игры, общайтесь в интернет-чатах и используйте другие полезные возможности Java-апплетов на различных веб-сайтах
McAfee WebAdvisor – бесплатный плагин для браузеров Firefox, Google Chrome, Internet Explorer и Microsoft Edge, обеспечивающий защиту от вредоносных, фишинговых и мошеннических сайтов и вредоносных загрузок
XAMPP - бесплатный набор компонентов для развёртывания локального веб-сервера, включающего Apache, PHP, Perl, почтовый и FTP-сервер, панель администрирования и другие компоненты
Volume up — это бесплатное расширения для увеличения громкости до 600%. Удобно при прослушивании музыки или просмотре фильмов. Поддерживается на всех сайтах, где есть аудио или видео. Например, вы сможете управлять громкостью звука на Youtube просто передвигая ползунок с помощью мышки.
Установить для Opera / Яндекс.Браузер
3. Giphy
Всем нравятся анимированные GIF-файлы, и это также помогает при взаимодействии в социальных сетях, по электронной почте или даже в блогах. И в эти моменты расширнеие приходит на помощь. Это бесплатный инструмент, который предоставляет тысячи GIF-файлов и стикеров.
Вы можете использовать его в Gmail, Google Docs, Facebook и других сайтах. Все, что вам нужно сделать, это просто найти и перетащить любое GIF-изображение.
Установить для Chrome
4. Bitly
Bitly — один из самых популярных и лучших инструментов для сокращения ссылок в Chrome. Многие пользователи или компании используют Bitly для сокращения URL-адреса. Это делает длинный URL-адрес коротким и удобным для публикации в социальных сетях или по электронной почте.
Установить для Chrome
Чем больше вы используете расширение VidIQ, тем лучше вы поймете, как ранжируются видео на YouTube и получают просмотры. Кроме того, его можно использовать бесплатно, но для получения более подробной статистики и информации, возможно, придется перейти на план VidIQ Premium.
Установить для Chrome
6. Adblock Plus
Adblock Plus — одно из лучших расширений для блокировки рекламы в Chrome. Он может легко блокировать видеорекламу, баннеры, всплывающую рекламу и т. д., что приводит к более быстрой загрузке страницы. Он также может защитить вашу конфиденциальность от онлайн-трекеров на веб-сайтах, которые вы посещаете.
Поэтому, если вы посещаете какой-либо сайт, где много рекламы, которая доставляет неудобство — используйте Adblock Plus.
Установить для Chrome
7. Speedtest от Ookla
Расширение Speedtest от Ookla может быть удобной функцией для вас. Расширение показывает скорость пинга, загрузки и выгрузки в течение нескольких секунд.
Установить для Chrome
8. Show Password — просмотр пароля под звездочками
Хотите видеть какие символы вводите в поле пароль или забыли пароль, который ранее сохранили в браузере? Спрашиваете себя: Как узнать пароль под звездочками? Данное расширение будет отображать пароль в виде обычного текста при наведении мышкой на поле с паролем.
Установить для Opera / Яндекс.Браузер
9. Enable Right Mouse Click
Каждый сталкивается с проблемой выделения и копирования текста или отображением контекстного меню на сайте. На многих сайтах нельзя скопировать текст или вызвать контекстное меню, чтобы, к примеру, скачать изображение, распечатать страницу, помотреть исходный код и т.п. Расширение «Включить правую кнопку мыши» помогает включить функцию нажатия правой кнопкой мыши на всех сайтах, которые ограничивают копирование текста и отображение контекстного меню.
Установить для Opera / Яндекс.Браузер
10. Nimbus
Nimbus — одно из лучших расширений для записи экрана для Chrome.
Вы можете сохранять снимки экрана в формате JPG или PNG, тогда как для записи экрана доступны параметры HD, Full HD и 4K. Так что, если вам нужен лучший рекордер экрана для Chrome, вам обязательно стоит попробовать это расширение. Вы также можете перейти на Nimbus Capture Pro (от 19,99 долларов в год) для получения дополнительных функций.
Установить для Chrome
Читайте также: