Если разработка мобильных приложений была горячей темой на веб-сайте, посвященном прошлому месяцу, @media , HTML5 занял второе место …
Брюс Лоусон и Патрик Лаук: структура HTML5, семантика, стилизация и сексуальность
Евангелист Opera из Open Web, Брюс Лоусон, пострадал за всех нас. Он заболел ларингитом в первый день конференции и, несмотря на несколько смелых попыток, не смог говорить. Я подозреваю, что они были довольны на стенде Microsoft — у Брюса не было возможности задать несколько неловких вопросов о сомнительной 100% -ной таблице совместимости HTML5 в IE9 .
Патрик Лау в последний момент вмешался, чтобы объяснить, почему HTML5 может быть решением всех наших проблем. Он объяснил, что, как и Ajax и Web2.0, отделы маркетинга взяли под свой контроль. Термин «HTML5» теперь означал то, что вы хотели. (Реми Шарп также предположил, что HTML5 означает что-то и все для простых смертных, не являющихся разработчиками. Это разметка, JavaScript, CSS, SVG, jQuery и ваш ужин!) Но, если вы отбросите BS, все основные поставщики отстают от стандарта , он имеет лучшую поддержку веб-приложений, а HTML5 — это HTML с большим количеством ссылок!
Патрик описал некоторые из 28 новых структурных элементов и уделил особое внимание веб-формам. HTML5 предоставляет специальные типы ввода, такие как дата, время, электронная почта, тел, URL и даже «шаблон», который позволяет вам указать собственное регулярное выражение. Дни сложной проверки ввода JavaScript сочтены.
Возможно, самые захватывающие элементы HTML5 — это videoaudio Видео как собственный объект имеет смысл: оно обеспечивает доступность клавиатуры и JavaScriptable-API, так что вы можете управлять воспроизведением мультимедиа и создавать свои собственные элементы управления. К сожалению, по-прежнему ведутся споры о видеоформатах, и у поставщиков есть свои предпочтения. Возможно, потребуется предоставить одно и то же видео в нескольких форматах, пока не будет достигнут общий консенсус:
<video>
<source src="video.webm" type="video/webm" />
<source src="video.ogv" type="video/ogg" />
<source src="video.mp4" type="video/mp4" />
<!-- Flash-player fallback code -->
</video>
Патрик также обсудил холст , тег изображения для сценариев. Canvas отлично подходит для игр и эффектов, но есть проблемы с доступностью, поэтому вам следует с осторожностью использовать его для контента.
Наконец Патрик ответил на вопрос: является ли HTML5 убийцей Flash? Если вы не используете iPhone / iPad, вопрос не в том, чтобы заменить HTML5 на Flash5. HTML5 предоставляет разработчикам возможность выбора, когда до этого момента Flash мог быть единственным вариантом.
Слайды Патрика доступны онлайн, и вы также можете прочитать интервью Брюса Лоусона с SitePoint .
Реми Шарп: Браузеры с крыльями — HTML5 API
Реми был одним из последних ораторов, и он признал, что несколько раз корректировал свою речь, чтобы учесть темы, затронутые на предыдущих сессиях! Это была отличная презентация, хотя мне не повезло поймать шоколадные яйца, которые он бросал в аудиторию.
Скриптовое video Несколько строк JavaScript — это все, что вам нужно для управления воспроизведением мультимедиа с помощью таких методов, как play () и pause (), и таких свойств, как paused, currentTime, playRate и currentSrc. Также возможно синхронизировать события с воспроизведением медиа — это может привести к очень захватывающим возможностям.
После обсуждения достоинств canvas и SVG Реми проявил свою ненависть к печенькам (браузерным, а не шоколадным чипсам). Код cookie трудно запомнить, он использует специальный формат даты, они просачиваются между сеансами и могут быть удалены только путем установки даты истечения в прошлом. Будущее за веб-хранилищем , и такие браузерные технологии, как база данных Web SQL и IndexedDB, также выглядят многообещающе.
Геолокация является еще одним мощным средством, особенно для мобильных устройств. Объект navigator.geolocation Он также может проверить точность этого местоположения, что важно, если вы хотите, чтобы приложение поиска в кафе предоставило точные результаты.
WebSockets была следующей темой. В отличие от стандартного HTTP-запроса / ответа, WebSockets предоставляют JavaScript с прямым API-интерфейсом связи с сервером. Сервер и клиент могут отправлять и получать данные по мере необходимости, например,
var conn = new WebSocket("ws://server.com:8000/");
conn.onmessage = function(event) {
alert("Received message: " + event.data);
}
conn.send("Hello Mr Server!");
Преимущество WebSockets заключается в том, что они управляются событиями (без непрерывного опроса) и легковесны (без HTTP-заголовка). WebSockets может революционизировать браузерные приложения и серверы, такие как node.js, которые уже поддерживают эту технологию.
Хотя эти технологии являются новыми и имеют ограниченную поддержку, Реми предоставил ссылки на прокладки, которые позволяют использовать функции во всех основных браузерах. Его слайды доступны онлайн или в формате PDF . Вы также можете прочитать интервью Реми с SitePoint .
Далее в следующем посте «Размышления о веб-направлениях»: Энди Кларк жестко кипит своими замыслами, и Даг Шеперс приветствует SVG…