Этот выпуск нашей постоянной рубрики мы посвятили небольшим сервисам, которые могут оказаться полезными для веб-разработчиков. Из него вы узнаете, как протестировать свой сайт на разных мобильных устройствах, какие функции HTML5 уже можно использовать и что скрывается внутри вашего любимого сайта.

Easing Functions Cheat Sheet

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

2012-12-26_18h20_45

The Responsinator

Создаете мобильную версию сайта и хотите узнать, как она будет выглядеть на самых популярных устройствах? Нет необходимости покупать или одалживать разнообразные гаджеты для тестирования, просто введите адрес своего сайта в поле ввода и тут же получите реальное представление о его отображении на экранах таких устройств как iPhone, Samsung Galaxy, iPad и так далее.

2012-12-26_18h27_13

HTML5 Please

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

2012-12-26_18h34_07

CodePen

Это замечательный редактор html, css и js-кода, который позволяет быстро просмотреть, исправить и сохранить ваши проекты. CodePen может пригодиться не только для тестирования и  отладки своего кода в режиме реального времени, но и для быстрого прототипирования, а также демонстрации всем желающим своих уникальных решений.

2012-12-26_18h41_21

BuiltWith

Вы нашли в сети замечательный сайт и хотите разобраться, как же он внутри устроен? Для этого не обязательно отрывать ему ножки и вспарывать животик, просто прогоните его через мясорубку BuiltWith и вы получите полный список всех технологий, используемых этим веб-сайтом, включая информацию о сервере, платформе, рекламных модулях, библиотеках, виджетах и так далее.

2012-12-26_18h50_27

До следующего обзора!