Всем доброго времени суток. На связи Алексей Гулынин. В прошлой статье вы узнали как работать с объектом geolocation в html5. В данной статье я бы хотел отойти от теории и написать пример того, как можно нарисовать макетную сетку на холсте ("canvas") с помощью html5 и javascript. Подробнее

Всем доброго времени суток. На связи Алексей Гулынин. В прошлой статье вы узнали, что такое Canvas в HTML5. В данной статье я бы хотел рассказать о том, как определить местонахождение пользователя с помощью объекта geolocation в HTML5. Запрос на получение местонахождения является сугубо личной информацией, поэтому перед тем, как данный запрос будет обработан, пользователь должен вручную разрешить обработку данных. На мобильных устройствах координаты местонахождения определяются гораздо точнее, потому что там встроен GPS приемник. На компьютерах тоже может быть GPS приемник, но если его нет, то координаты определяются путем анализа IP-адреса, что конечно же менее точно. Подробнее

Всем доброго времени суток. На связи Алексей Гулынин. В прошлых двух статьях (первая и вторая) вы узнали о том, что появилось нового по работе с формами в HTML5. В данной статье я бы хотел рассказать, что такое audio в HTML5, и как с помощью данного тега проиграть музыку на сайте. Раньше для проигрывания музыки на сайте приходилось использовать различные сторонние сервисы, скрипты, flash. Теперь же всё значительно упростилось, достаточно использовать тег <audio> с различными атрибутами. Подробнее

Всем доброго времени суток. На связи Алексей Гулынин. Целых 4 дня не писАл в блог. Начал дома ремонт: электричества нет, разруха полная (попозже выложу фотографии этого ужаса). В данной статье мы продолжаем разбираться с формами в HTML5. В прошлой статье мы изучили достаточное количество новых элементов, которые подарил нам HTML5, но это ещё не все. Давайте начнём с нового атрибута list и связанного с ним тега <datalist>. Вы ни раз видели на сайте такой функционал: вы начинаете вводить что-то, и вам сразу, в виде всплывающего окна, показываются элементы, которые можно выбрать. datalist как раз и реализует подобный функционал. Подробнее

Всем доброго времени суток. На связи Алексей Гулынин. В прошлой статье вы узнали о новых структурных элементах в HTML5. В данной статье я бы хотел рассказать, что нового принёс нам HTML5 при работе с формами. В первую очередь это проверка полей на соответствие некоторым условиям, без использования Javascript. Раньше мы все поля для ввода задавали тегом <input> с атрибутом type="text". Затем javascript’ом проверяли, чтобы поле было непустым, удовлетворяло определенным требованиями (например, e-mail пользователя). С приходом HTML5 вся эта процедура упростилась. Подробнее

Всем доброго времени суток. На связи Алексей Гулынин. В HTML5 появилось несколько новых структурных элементов или, как их ещё называют, семантических элементов. Из всех этих структурных элементов браузер почти никакие не обрабатывает (разве что тег <mark>). Нужно это всё для поисковых систем, поисковых роботов, чтобы им проще было анализировать контент на нашей странице. Для нас разницы нет, что задать <div id="footer">, что просто поставить <footer>, но для поисковых роботов разница огромная. Подробнее