xScope

xScope — cоздан специально для дизайнеров и разработчиков. Приложение представляет собой мощный набор из десяти конфигурируемых инструментов, которые идеально подходят для измерения, проверки и тестирования на экране графики и разнообразных макетов.

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

Десять инструментов, которые помогут вам выполнять вашу работу быстрее и точнее, включают:

• Mirror

- Удаленный просмотр - легко просматривайте Photoshop, файлы или окна на устройстве iOS, AirPlay или запястье.

- Шаблоны - автоматически показывает макет значка или обоев на iOS.

- Пользовательский интерфейс без Chrome - нет хрома, который мешает вам во время работы.

- Безопасность - включение / выключение запросов аутентификации пользователей в настройках.

- Загрузите приложение xScope Mirror для iOS по адресу https://xscopeapp.com/ios.

• Text

- Мощный поиск - имя или тег, содержащий любой из более чем 100 000 символов Unicode.

- Расшифровать текст - расшифровывает текстовые объекты, кодировки, константы и многое другое!

- Преобразование формата - вывод текста в виде строки, сущностей, кодировки URL и т. Д.!

- Измерение глифов - отображение строки, символа или веб-макета: включая метрики шрифта и CSS

- Палитра символов - удобное место для сбора часто используемых символов Юникода.

• Dimensions

- Мгновенно находите размеры всего на экране

- Быстро и легко находите расстояние между объектами

- Создавайте скриншоты любого измеренного элемента

• Rulers

- Мощные экранные линейки для измерения пикселей

- Две линейки с синхронизацией для удобного сравнения на экране

- Удерживайте элемент управления, чтобы привязать к краям экранного содержимого.

- Полностью регулируемая длина по горизонтали и вертикали

- Полный диапазон вращения на 360 градусов

- Отображает дельты для повернутых линеек

• Overlay

- Улучшает ваш веб-браузер - прикрепляется к окну, чтобы упростить разработку

- Метки выравнивания - Проверка расположения и расстояний в пикселях / em / pt и процентах

- Mockup Image - прозрачный дизайн поверх вашего кода HTML и CSS.

- Сетки с точками останова - Системы сеток, которые синхронизируются с вашими медиа-запросами

- Цикл контрольных точек - быстро проверьте свой дизайн на всех размерах, используемых в вашем CSS.

- Скриншот всей страницы - Получите изображение всей своей веб-страницы

- Работает с iOS Simulator - отлично подходит для тестирования в Safari или разработки собственных приложений.

• Screens

- Легко увидеть полезную площадь для экрана любого размера

- Организовано по платформам, включая iOS, Android, Mac, Windows и TV.

- Предустановленные шаблоны экранов или создайте свои собственные

- Отображение безопасных областей заголовков и игр для телевизоров с форматом экрана 4: 3 и 16: 9.

- Имитация проблем со зрением пользователей, включая дальтонизм и пресбиопию (пожилой возраст)

- Де-ретинизатор для имитации нормального отображения при использовании дисплея Retina

- Определите настройки пользовательской области для любой ОС или браузера

• Loupe

- Увеличивайте любую часть экрана под мышкой

- Отображает цвет под курсором в RGB, HSB, HEX, CSS3 rgb () и HTML

- Быстрое измерение увеличенного изображения с помощью размеров

- Эталонный цветовой формат: работа с шестнадцатеричным цветом при просмотре формата RGB

- Соберите текущий список образцов цвета с помощью Shift-Cmd-C

- Сохраните или импортируйте файлы образцов цвета .ACO для удобного использования.

- Имитация проблем со зрением пользователей, включая дальтонизм и пресбиопию (пожилой возраст)

- Отображает координаты курсора мыши для справки

- Содержимое окна или положение мыши могут быть заблокированы

• Guides

- Вертикальные и горизонтальные направляющие, которые плавают поверх всего остального на экране

- Отображает положение направляющей в пикселях при размещении

- Отображает расстояние между направляющими в пикселях

- Сохранение и загрузка позиций направляющих для дальнейшего использования

- Поддерживает несколько мониторов

• Frames

- Регулируемые поля маркеров плавают в верхней части экрана

- Удерживайте элемент управления, чтобы привязать к краям экранного содержимого.

- Cmd-Shift-5, чтобы уменьшить выделение вокруг содержимого экрана и создать рамку

- Отображение предустановленных сеток для облегчения компоновки рамок

- Создавайте, перемещайте, дублируйте и редактируйте кадры по желанию

- Сохранение и загрузка позиций рамы для дальнейшего использования

• Crosshair

- Сообщает координаты положения курсора мыши

- Измените исходную точку с левого верхнего (проектная работа) на нижний левый (разработка)