7 расширений Chrome, которые ускорят работу на фронтенде

Рассказали о полезных фронтенд-инструментах для повышения производительности.

Dimensions

Удобное расширение, чтобы измерять размеры любого элемента на веб-странице. Подходит для дизайнеров и разработчиков, стремящихся к пиксельной точности. Есть некоторые ошибки в расширении.

PerfectPixel

Расширение позволяет разработчикам и верстальщикам накладывать полупрозрачное изображение поверх разработанного HTML и сравнивать их между собой с точностью до пикселя.

ColorZilla

Расширение для захвата и анализа цветов, палитры из любой части веб-страницы, создания css-градиента и многое другое. Пригодится для быстрого поиска цветовой ссылки.

Image 4

Lorem Ipsum Generator

Расширение, позволяющее обходить сайты. Также доступно в VScode. Попрощайтесь со скучным текстом-платформой.

Image 3

EditThisCookie

Это расширение позволяет просматривать, редактировать и удалять куки. Отлично подходит для разработчиков, тестировщиков.

Image 5

Check My Links

С этим расширением можно сканировать веб-страницы на наличие битых или мертвых ссылок без особых усилий. SEO-коллеги будут вам благодарны.

Image 6

OGraph Previewer

Легкое расширение для предварительного просмотра тегов открытого графа (og tags) страницы на текущей вкладке. Обеспечивает быстрый предварительный просмотр данных открытого графа страницы на текущей вкладке.

Image 7
Читайте также
Конференция QCon: как бороться с поддельными ИИ-изображениями при помощи библиотек JavaScript
Конференция QCon: как бороться с поддельными ИИ-изображениями при помощи библиотек JavaScript
Конференция QCon: как бороться с поддельными ИИ-изображениями при помощи библиотек JavaScript

Силлс выступает за новую норму, согласно которой все реальные изображения должны иметь метку времени, достоверные метаданные и подтверждаться проверяемыми документами, которые гарантируют их подлинность. 

SortableJS переносит списки с перетаскиванием в Microsoft Blazor
SortableJS переносит списки с перетаскиванием в Microsoft Blazor
SortableJS переносит списки с перетаскиванием в Microsoft Blazor

Разработчики преобразовали SortableJS, инструмент JavaScript для создания списков с возможностью перетаскивания, в компонент Blazor для разработки веб-приложений Microsoft, переименовав его в Blazor Sortable.

Игра «Нейрогород» на знание JavaScript и исправление фронтендерских багов
Игра «Нейрогород» на знание JavaScript и исправление фронтендерских багов
Игра «Нейрогород» на знание JavaScript и исправление фронтендерских багов

Задача игры — устранить все баги, особенно присматриваться к любым странным и необычным явлениям во внешнем облике города.

C# опережает Java по популярности языка
C# опережает Java по популярности языка
C# опережает Java по популярности языка

Язык C# от Microsoft обгоняет Java в индексе популярности языка Tiobe, и эта тенденция может вскоре привести к тому, что C# превзойдет Java.