🎨 Обязательные расширения для дизайнеров (UI / UX / Graphic)
🎯 ColorZilla
🔹 Выбор цвета с любого участка сайта
🔹 Копирование HEX / RGB / HSL
🔹 Создание градиентов
⭐ Незаменимо для точной работы с цветами
🧩 WhatFont
🔹 Быстрое определение шрифтов на странице
🔹 Отображение size, weight и family
🎯 Отлично подходит для вдохновения от профессиональных сайтов
📐 PerfectPixel
🔹 Сравнение дизайна Figma / PSD с живым сайтом
🔹 Точный overlay дизайна поверх страницы
⭐ Для настоящих pixel-perfect перфекционистов 😄
🧠 VisBug
🔹 Живое редактирование UI прямо в браузере
🔹 Отступы, перемещения, типографика
🔹 Для быстрого UX-тестирования
🚀 Отличный инструмент для анализа пользовательского опыта
🖼 Image Downloader
🔹 Загрузка всех изображений страницы
🔹 Фильтрация по размеру и формату
📌 Полезно для проверки ассетов
💻 Обязательные расширения для разработчиков (Frontend / Backend)
🔍 Web Developer
🔹 Полнофункциональная панель разработчика
🔹 Отключение CSS / JS
🔹 Отображение Grid, форм и Media Queries
💎 Одно из самых важных расширений
🧪 React Developer Tools
🔹 Для проектов на React
🔹 Анализ State и Props
⚛️ Обязательно для React-разработчиков
🔧 Vue Devtools
🔹 Анализ компонентов и State во Vue
💚 Для Vue-разработчиков
🐞 JSON Viewer
🔹 Удобное отображение JSON API
🔹 Collapse / Expand
📡 Отлично для тестирования API
⚡ Wappalyzer
🔹 Определение технологий сайта
🔹 CMS, фреймворки, CDN, аналитика
🕵️ Отлично для анализа конкурентов
🔐 EditThisCookie
🔹 Управление Cookie
🔹 Тестирование Auth / Session
🧠 Профессиональный инструмент для Backend и Security
⚙️ Расширения для Performance, SEO и Debug
🚀 Lighthouse (встроен в Chrome)
🔹 Тест скорости
🔹 SEO
🔹 Accessibility
📊 Профессиональные отчёты
🔎 SEO Meta in 1 Click
🔹 Быстрая проверка Meta-тегов
🔹 Заголовки (Headings)
🔹 Alt у изображений
📈 Необходим для SEO-специалистов
🔐 Checkbot
🔹 Проверка битых ссылок
🔹 SEO-ошибки
🔹 Проблемы безопасности
🛡️ Универсальный инструмент
🧩 Ежедневные полезные расширения (MUST HAVE)
✍️ Lorem Ipsum Generator
🔹 Генерация тестового текста
📄 Просто, но необходимо
🧭 Responsive Viewer
🔹 Тестирование сайта в разных размерах экранов
📱📺 Без DevTools
🧠 Tab Suspender
🔹 Управление вкладками
🔹 Снижение потребления RAM
💻 Идеально для multitasking
⭐ Личная рекомендация для тебя
Учитывая, что ты работаешь с WordPress, Elementor, UI/UX и брендингом, обязательно установи 👇🔥
✅ ColorZilla
✅ WhatFont
✅ PerfectPixel
✅ Web Developer
✅ Wappalyzer
✅ Lighthouse
✅ Responsive Viewer