Выпуск №67. Инструменты для вебмастеров. Часть 2

В данном выпуске мы продолжаем рассказывать о полезных инструментах и сервисах для создателей и владельцев сайтов. Первую часть читайте здесь.

Скриншоты, скринкасты, шаринг экрана

Для снятия скриншотов с экрана есть много удобных сервисов.
Вы можете сделать скриншот всего экрана или только часть, и сразу получить ссылку на скриншот для пересылки. Популярные сервисы:

• lightshot
• joxi.ru
• clip2net.com

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

• screenr.com
• Camtasia

Для шаринга экрана преимущественно используется Skype: в разговоре с человеком вы запускаете шаринг экрана, и ваш собеседник видит ту информацию, которую вы сами просматриваете на экране, а также ваши действия. Так можно проводить презентации, встречи. Это удобно для команд, которые работают совместно из разных стран. Также есть сервис join.me

Прототипирование от руки

Такие сервисы нужны для создания быстрых и простых прототипов. Есть много профессиональных сервисов, но в данном случае мы говорим о тех, которые легко использовать на iPad. В любое время и любом месте вы можете создать прототип вашего сайта, обрисовать идею без необходимости разбираться в сложных сервисах.

Примеры сервисов:

• balsamiq.com
• mockups.me (аналог balsamiq, с возможностью создания прототипов для iPad, iPhone)
• divshot.com
• moqups.com
• fluidui.com (для создания прототипов мобильных приложений)
• wireframe.cc (бесплатный, минималистичный)
• livewiresapp.com (создание прототипов под iPad)

Проверка кода

Firebug плагин для браузера Mozilla Firefox. Его используют все веб-мастера для проверки и редактирования кода. Плагин показывает ошибки исполнения кода.

Фоторедактор

Онлайн-фоторедактор, достойный аналог Photoshop.
pixlr.com (есть также приложения для iPhone, Android)

Выбор шрифта

Сервис для визуального сравнения вариаций шрифтов. Когда вы выбираете шрифт текста для своего сайта, вы можете оценить читабельность контента различными шрифтами и выбрать подходящий.
typetester.org

Иконки

Когда вам нужны иконки для сайта, не обязательно искать специалиста, который их нарисует. Есть платные и бесплатные иконки на специализированных ресурсах. О создании фавикона мы говорили в прошлом выпуске.

• iconfinder.com
• findicons.com
• iconsearch.ru

Проверка доступности и скорости сайта

Вы можете отслеживать, когда сайт упал, скорость его загрузки, неполадки сайта. Уведомления вы можете получать по e-mail и sms.
pingdom.com

Скетчи, наглядные помощники

С помощью сервиса можно наглядно рассказать о своих мыслях. Например, прокомментировать фотографии, используя стрелки, фигурки, текстовые комментарии прямо на фото.
skitch.com

Цвет

Сервис помогает понять, как грамотно использовать цвета в дизайне сайта. Правильное сочетание улучшает восприятие дизайна и сайта в целом.

• kuler.adobe.com
• colorschemedesigner.com
• colorblender.com

Оптимизация изображений

Пакетная оптимизация изображений: когда вам необходимо уменьшить размер фотографий для загрузки на сайт.
kraken.io

Отображение на разных устройствах

Для проверки внешнего вида сайта на разных устройствах (например, у вас нет iPad).
quirktools.com

Нагрузочной тестирование

Сервис позволяет проверить, сколько одновременных подключений выдержит ваш сайт.
loadimpact.com

Текстуры для сайта

Сервис подходит для дизайнеров, которые ищут, какую подложку сделать на сайте (красивый и ненавязчивый фон).
subtlepatterns.com