Igor48
29.12.2012, 13:44
http://lifehacker.ru/wp-content/uploads/2012/04/obzor_web_2.jpeg
Этот выпуск посвящён небольшим сервисам, которые могут оказаться полезными для веб-разработчиков. Из него вы узнаете, как протестировать свой сайт на разных мобильных устройствах, какие функции HTML5 уже можно использовать и что скрывается внутри вашего любимого сайта.
Easing Functions Cheat Sheet (http://swalki.net/redirector.php?url=http%3A%2F%2Feasings.net%2F)
Вы наверняка видели в программах и операционных системах так называемую функцию «смягчения». Она позволяет при взаимодействии с элементами интерфейса имитировать эффекты реального физического мира, например прокрутку с затуханием и так далее. Точно такие эффекты вы можете использовать на своем сайте с помощью этого справочника. Выберите нужный эффект и получите пример кода, который это реализует.
http://lifehacker.ru/wp-content/uploads/2012/12/2012-12-26_18h20_45-500x218.png
The Responsinator (http://swalki.net/redirector.php?url=http%3A%2F%2Fwww.responsinator. com%2F)
Создаете мобильную версию сайта и хотите узнать, как она будет выглядеть на самых популярных устройствах? Нет необходимости покупать или одалживать разнообразные гаджеты для тестирования, просто введите адрес своего сайта в поле ввода и тут же получите реальное представление о его отображении на экранах таких устройств как iPhone, Samsung Galaxy, iPad и так далее.
http://lifehacker.ru/wp-content/uploads/2012/12/2012-12-26_18h27_13-500x271.png
HTML5 Please (http://swalki.net/redirector.php?url=http%3A%2F%2Fhtml5please.com%2F )
Многие разработчики стремятся использовать при создании сайтов самые последние технологии, но далеко не все браузеры их поддерживают. Соблюсти баланс между желаниями и суровой реальностью поможет специальный справочник, который покажет какие функции HTML5 вы можете безопасно использовать. Каждая функция имеет подробное описание, а в нем ссылку на список поддерживаемых браузеров.
http://lifehacker.ru/wp-content/uploads/2012/12/2012-12-26_18h34_07-500x321.png
CodePen (http://swalki.net/redirector.php?url=http%3A%2F%2Fcodepen.io%2F)
Это замечательный редактор html, css и js-кода, который позволяет быстро просмотреть, исправить и сохранить ваши проекты. CodePen может пригодиться не только для тестирования и отладки своего кода в режиме реального времени, но и для быстрого прототипирования, а также демонстрации всем желающим своих уникальных решений.
http://lifehacker.ru/wp-content/uploads/2012/12/2012-12-26_18h41_21-500x295.png
BuiltWith (http://swalki.net/redirector.php?url=http%3A%2F%2Fwww.builtwith.com)
Вы нашли в сети замечательный сайт и хотите разобраться, как же он внутри устроен? Для этого не обязательно отрывать ему ножки и вспарывать животик, просто прогоните его через мясорубку BuiltWith и вы получите полный список всех технологий, используемых этим веб-сайтом, включая информацию о сервере, платформе, рекламных модулях, библиотеках, виджетах и так далее.
http://lifehacker.ru/wp-content/uploads/2012/12/2012-12-26_18h50_27-500x294.png
До следующего обзора!
http://lifehacker.ru/wp-content/uploads/userphoto/dimgor.thumbnail.jpg (http://swalki.net/redirector.php?url=http%3A%2F%2Flifehacker.ru%2Fau thor%2Fdimgor)
Автор: Дмитрий Горчаков (http://swalki.net/redirector.php?url=http%3A%2F%2Flifehacker.ru%2Fau thor%2Fdimgor)
Источник (http://swalki.net/redirector.php?url=http%3A%2F%2Flifehacker.ru)
Этот выпуск посвящён небольшим сервисам, которые могут оказаться полезными для веб-разработчиков. Из него вы узнаете, как протестировать свой сайт на разных мобильных устройствах, какие функции HTML5 уже можно использовать и что скрывается внутри вашего любимого сайта.
Easing Functions Cheat Sheet (http://swalki.net/redirector.php?url=http%3A%2F%2Feasings.net%2F)
Вы наверняка видели в программах и операционных системах так называемую функцию «смягчения». Она позволяет при взаимодействии с элементами интерфейса имитировать эффекты реального физического мира, например прокрутку с затуханием и так далее. Точно такие эффекты вы можете использовать на своем сайте с помощью этого справочника. Выберите нужный эффект и получите пример кода, который это реализует.
http://lifehacker.ru/wp-content/uploads/2012/12/2012-12-26_18h20_45-500x218.png
The Responsinator (http://swalki.net/redirector.php?url=http%3A%2F%2Fwww.responsinator. com%2F)
Создаете мобильную версию сайта и хотите узнать, как она будет выглядеть на самых популярных устройствах? Нет необходимости покупать или одалживать разнообразные гаджеты для тестирования, просто введите адрес своего сайта в поле ввода и тут же получите реальное представление о его отображении на экранах таких устройств как iPhone, Samsung Galaxy, iPad и так далее.
http://lifehacker.ru/wp-content/uploads/2012/12/2012-12-26_18h27_13-500x271.png
HTML5 Please (http://swalki.net/redirector.php?url=http%3A%2F%2Fhtml5please.com%2F )
Многие разработчики стремятся использовать при создании сайтов самые последние технологии, но далеко не все браузеры их поддерживают. Соблюсти баланс между желаниями и суровой реальностью поможет специальный справочник, который покажет какие функции HTML5 вы можете безопасно использовать. Каждая функция имеет подробное описание, а в нем ссылку на список поддерживаемых браузеров.
http://lifehacker.ru/wp-content/uploads/2012/12/2012-12-26_18h34_07-500x321.png
CodePen (http://swalki.net/redirector.php?url=http%3A%2F%2Fcodepen.io%2F)
Это замечательный редактор html, css и js-кода, который позволяет быстро просмотреть, исправить и сохранить ваши проекты. CodePen может пригодиться не только для тестирования и отладки своего кода в режиме реального времени, но и для быстрого прототипирования, а также демонстрации всем желающим своих уникальных решений.
http://lifehacker.ru/wp-content/uploads/2012/12/2012-12-26_18h41_21-500x295.png
BuiltWith (http://swalki.net/redirector.php?url=http%3A%2F%2Fwww.builtwith.com)
Вы нашли в сети замечательный сайт и хотите разобраться, как же он внутри устроен? Для этого не обязательно отрывать ему ножки и вспарывать животик, просто прогоните его через мясорубку BuiltWith и вы получите полный список всех технологий, используемых этим веб-сайтом, включая информацию о сервере, платформе, рекламных модулях, библиотеках, виджетах и так далее.
http://lifehacker.ru/wp-content/uploads/2012/12/2012-12-26_18h50_27-500x294.png
До следующего обзора!
http://lifehacker.ru/wp-content/uploads/userphoto/dimgor.thumbnail.jpg (http://swalki.net/redirector.php?url=http%3A%2F%2Flifehacker.ru%2Fau thor%2Fdimgor)
Автор: Дмитрий Горчаков (http://swalki.net/redirector.php?url=http%3A%2F%2Flifehacker.ru%2Fau thor%2Fdimgor)
Источник (http://swalki.net/redirector.php?url=http%3A%2F%2Flifehacker.ru)