Page Measure Toolkit by Mark

🎯 Page Measure Toolkit — All-in-One Инструмент для Дизайнеров

Зачем переключаться между 5 расширениями? Page Measure Toolkit объединяет функционал других инструментов в одном удобном интерфейсе.

✨ Что Умеет Расширение

📏 Точные Измерения

• Hover-подсветка элементов с отображением размеров в реальном времени
• Измерение расстояний между любыми точками (клик-за-кликом)
• Адаптивное позиционирование меток (видно даже у краёв экрана)
• Несколько одновременных измерений

📦 Box Model Inspector

Вдохновлено Chrome DevTools:

• Визуальная диаграмма: margin → border → padding → content
• Крупный, легко читаемый шрифт (16-26px)
• ~40 вычисленных CSS-свойств
• Прокручиваемый список с моноширинным форматированием

🎯 Layout Inspector

• Автоматическое определение Flexbox с отображением свойств контейнера
• Визуализация CSS Grid с линиями сетки и областями
• Цветные направляющие (синие для flex, фиолетовые для grid)
• Показ ключевых свойств (flex-direction, justify-content, grid-template-columns)