Полезные инструменты для браузера, которые пригодятся разработчикам и дизайнерам

Corporate Ipsum

Для создателей сайтов и дизайнеров очень важно учитывать особенности корпоративной лексики. В одном случае в ней может присутствовать очень большое число длинных и сложных слов, которые при неправильном оформлении ресурса будут смотреться нелепо. В другом, наоборот — коротких. Обычно если слово не помещается, то оно автоматически переносится на следующую строку, оставляя перед собой на предыдущей строке много незадействованного места. Выглядит это не очень презентабельно, так что ни одна солидная фирма не пойдет на такое. Чтобы избавить себя от лишних сложностей, можно пользоваться инструментом Corporate Ipsum. С его помощью разработчики заполняют предназначенные для текстового контента места на макете случайными текстами с профессиональной лексикой и смотрят, как такой контент будет смотреться в отведенном ему месте.

Pendule

А с помощью этого инструмента можно выполнять одновременно несколько полезных функций. Особенно оценят Pendule дизайнеры, которые смогут с его помощью вносить изменения в CSS-код страниц, изменять стили оформления и т. д.

Fontface Ninja

Увидев на какой-нибудь из страниц интересный шрифт, дизайнеры нужно приложить усилия, чтобы узнать, как он называется, постараться его запомнить и найти его в доступной базе. На это уйдет очень много времени. Сделать это намного быстрее можно с помощью инструмента Fontface Ninja. Он помогает всего в несколько кликов установить, какой шрифт использовался для того или иного документа, и сразу же его применить в своей работе.

Font Playground

И снова инструмент для выбора шрифта. В библиотеке Google Fonts имеется очень большое количество шрифтов, которые можно попробовать на своем сайте без внесения соответствующих изменений в код страницы. Сделать это можно с помощью Font Playground. При этом его настройки позволяют менять не только используемые шрифты, но также их размеры и стили написания. Этот инструмент позволяет окончательно определиться с выбором перед тем как внести изменения в сам код страницы.

Project Naptha

А этот инструмент пригодится не только разработчикам, а всем пользователям, которым хоть иногда приходится работать с текстами на картинках. Как мы знаем, без специальных программ распознать и скопировать его не получится, так что часто приходится набирать и редактировать все вручную. Но с помощью расширения Project Naptha текст можно скопировать абсолютно с любой картинки.

YSlow

Разные элементы оформления могут сильно затормаживать скорость загрузки страницы. Внешне сайт может выглядеть очень креативно и привлекательно, но не каждый пользователь согласится долго ждать, пока вся такая красота загрузится. Поэтому разработчики стараются сделать свой ресурс как можно легче, чтобы он грузился за считанные секунды. Для того, чтобы добиться высокой скорости загрузки, во время создания сайта и тестирования его разных версий нужно пользоваться инструментом Yslow. Он замерит скорость, с которой грузится та или иная страница, и укажет, какой из элементов является самым «тяжелым».

Chrome Daltonize

Есть и такие сугубо специализированные инструменты, которые позволяют адаптировать интернет-ресурсы для людей, страдающих дальтонизмом. Не все из нас могут правильно различать цвета, поэтому оттенки на тон ярче или темнее для некоторых могут выглядеть совершенно одинаково. Чтобы ресурс был одинаково удобен даже для тех, кто плохо различает цвета, можно воспользоваться Chrome Daltonize. Расширение для браузера от компании Google покажет, как разрабатываемый ресурс будут видеть люди, страдающие дальтонизмом.