Архивы html5

Краткий обзор методов фильтрации изображений c использованием html5, css3, javascript, svg

Фильтрация изображений (автоматические корректировки параметров, эффекты, пост-обработка и т.п.) – это задачи которые до недавнего времени вообще не возможно было решить в браузере. Все делалось с помощью старых друзей: флеша, сервера или фотошопа. Сейчас, в связи с повсеместным использованием html5…

Fullscreen javascript API или как развернуть страницу на весь экран c html5.

Давайте познакомимся с еще одним, довольно молодым API, необходимость которого уже давно терзает умы разработчиков игр, видеосайтов и прочих полноэкранных сервисов. Fullscreen javascript API пока является черновиком, но уже поддерживается в chrome, safari, ff и опере. Internet-explorer (включая Ie10) как…

api fullscreen html5 javascript

Battery javascript API – состояние и статус зарядки батареи устройства c html5

Давайте рассмотрим Battery API – еще одну новинку в javaScript, которая появиласть на свет с развитием html5 и мобильных девайсов. Задокументирована она совсем недавно (12.2012) и пока доступна только для тестирования только в Firexfox (мобильном и десктопном). Разработчики Chrome обещают…

battery device html5 javascript mobile phone

Захват изображения с камеры в браузере с помощью getUserMedia (с зеркальным отображением)

Друзья! Близятся те времена, когда почти все, для чего нужен был флеш в браузере, можно будет делать и без него. Не знаю как у вас, а у меня это вызывает кучу положительных эмоций. Одним из шагов на пути вытеснения flash…

base64 canvas data:url getUserMedia html5 javascript stream Api transform video

Что такое base64 и зачем он нужен в веб разработке?

Base64 – способ кодирования произвольных двоичных данных в ASCII текст. По своей сути кодирование очень простое. Каждые шесть бит на входе кодируется в один из символов 64-буквенного алфавита. “Стандартный” алфавит, который для этого используется – это A-Z, a-z, 0-9,+,/ и…

base64 canvas data:url html5

visibilityChange или как отследить виден ли таб с вашей страницей в браузере пользователя в текущий момент.

В браузерах всегда не хватало какого-нибудь индикатора того, находится ли страница в активном табе. Вот несколько примеров того, как это можно использовать: У вас на сайте есть видео и вы хотите поставить его на паузу, пока пользователь сделал неактивным таб…

html5 javascript Page Visibility visibilitychange

Как отключить преобразование телефонных номеров в ссылки в мобильных браузерах

Браузер для BlackBerry, Android и Safari для IOS (iPhone / IPod / IPad) автоматически обнаруживает телефонные номера и адреса электронной почты на веб страницах и преобразует их в ссылки. Если вам это не надо, используйте следующие мета-теги. Для Safari (iPhone…

html5 meta mobile phone

Формат ссылки для телефонных звонков в мобильных браузераx (href=”tel:…”)

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

html5 mobile phone

Devicemotion javascript API – Как определить параметры движения утройства в браузере с помощью javascript

В мобильных (и не только) браузерах не так давно появилась возможность определить ускорение устройства в разных плоскостях. Для этого в устройствах имеются акселерометры. Эта функциональность может быть особенно полезна разработчикам браузерных игр, мобильных браузерных приложений и т.п. как и deviceorientation…

acceleration accelerationIncludingGravity device html5 javascript mobile rotationRate

Deviceorientation – Как в браузере определить ориентацию устрoйства в пространстве c помощью javascript

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

device html5 javascript mobile