xScope

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

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

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

• Mirror
- Удаленный просмотр - легко просматривайте Photoshop, файлы или окна на устройстве iOS, AirPlay или запястье.
- Шаблоны - автоматически показывает макет значка или обоев на iOS.
- Пользовательский интерфейс без Chrome - нет хрома, который мешает вам во время работы.
- Безопасность - включение / выключение запросов аутентификации пользователей в настройках.
- Загрузите приложение xScope Mirror для iOS по адресу http://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
- Сообщает координаты положения курсора мыши
- Измените исходную точку с левого верхнего (проектная работа) на нижний левый (разработка)

Источник: Графика и дизайн - AppStorrent.ru