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

До появления HTML5 было возможно добавлять собственные атрибуты к элементам HTML и осуществлять к ним доступ посредством javascript, но если вы когда-либо пробовали это реализовать, то наверняка знаете о том, что в этом случае нам придется забыть о валидации кода. HTML5 предлагает нам возможность создавать и использовать собственные атрибуты элементов внутри валидных страниц.

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

Webshims Lib - это javascript-библиотека для автоматизации запуска таких "полимерных заполнителей", распознающая возможности браузера с помощью Modernizr.

Envision.js – это javascript-библиотека, упрощающая и ускоряющая построение интерактивных HTML5-объектов визуализации. Она содержит схемы двух типов: TimeSeries + Finance, а также API-интерфейс для разработчиков, желающих создавать собственные схемы.

Библиотека является надстройкой Flotr2 и задействует в работе HTML5 Canvas. Она не нуждается в креплении к каркасу и опирается на функционал ряда микро-библиотек.

Модель событий HTML5 Server-Sent позволяет вам получать актуальное обновление от сервера в браузере. В нашем сегодняшнем руководстве мы расскажем вам о процессе управления полученными данными посредством объекта EventSource, и их последующей записи в страницу. На клиентской стороне мы будем использовать HTML5 и javascript, а со стороны сервера воспользуемся технологией PHP.

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

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

Приложения для структурирования и очистки кода, функционирующие в онлайн, отлично подходят тогда, когда вам приходится работать с запутанным кодом. Dirty Markup – это бесплатное веб-приложение, предназначенное как раз для чистки подобного кода. Здесь имеется поддержка HTML(5), CSS и javascript за счет комбинации функционала известных HTML Tidy, CSS Tidy и JS Beautify. Редактор в приложении очень простой, а функциональный AceEditor предлагает вам множество опций для работы с каждой частью приложения по-отдельности.

Как уже всем известно, элемент «video», представленный в HTML5, уже поддерживается почти всеми современными браузерами. Его очень просто использовать. В процессе сегодняшнего небольшого исследования, нам стали известны некоторые вещи: каждый браузер поддерживает лишь некоторые видео-форматы, а также то, что у каждого браузера собственные контроллеры видео (и все они отличаются друг от друга). Но, к счастью, HTML5 дает нам все нужные возможности для создания собственного интерфейса управления видео-элементом. Сегодня мы расскажем вам о процессе разработки собственного HTML5-плеера (с довольно хорошей поддержкой кросс-браузерности) и, более того, это будет новый jQuery-плагин.

Сегодня набор инструментов многих веб-дизайнеров и разработчиков состоит из различных частиц, созданных при помощи HTML5, CSS3 и, возможно, jQuery. Команда талантливых дизайнов из IconShock разработала набор иконок на тему веб-технологий. В архиве всего 24 иконки, представленных в PNG и AI-файлах с прозрачным фоном. Надеемся, что данный набор поможет вам внести изюминку в ваши будущие проекты. Все иконки можно использовать бесплатно как для личных, так и для коммерческих проектов.

В февральский выпуск обзора новинок для веб-дизайнеров мы включили новые веб-приложения, структуры, плагины jQuery, инструменты для Wordpress и несколько по-настоящему классных шрифтов. Большинство описанных ресурсов бесплатны, и наверняка будут полезны многим дизайнерам и разработчикам. Как всегда, если мы, по вашему мнению, упустили что-то стоящее, сообщите нам об этом в комментариях.

С появлением тренда web2.0, самыми популярными элементами веб-дизайна стали облака тэгов. И они были (и по прежнему остаются) самыми удобными инструментами для поиска нужной информации на конкретную тему. Со временем стали появляться анимированные облака тэгов на Flash. Сегодня же, когда «смерть» технологии Flash уже почти констатирована, повсеместно стали внедрять облака тэгов, разработанные при помощи возможностей HTML5.