Modernizr - инструмент для определения поддержки ccs3 и html5 для любого браузера




Модернизер — это удобный инструмент, который поможет при разработке сайта с использованием html5 и css3. Вся суть заключается в том что этот инструмент показывает css3 html5 свойства, которые полностью, частично либо вовсе не поддерживает ваш браузер.

Ben the Bodyguard



С гладким вертикальным скроллом(smooth scroll) особенно отлично выглядит. В опере нативный смуз.
  • нет
  • avatar
  • 0
  • 0

HTML5 Game Dev Jam

В прошлом месяце, более 50 разработчиков собрались в Hilversum, Нидерландах, и Сан-Франциско, штат Калифорния на игры HTML5 Game Jam. У каждого участвовавшего было 24 часа на разработку игры на HTML5. Итак, первые места заняли:


Забавнейшая игра про ниндзю в стиле 8bit.


Паззл-игра, демонстрирующая физику в canvas.

Остальное на оф. блоге гугла
Регистрируйтесь на Mozilla Labs — Game on 2010, которое продлиться до Января 2011.

HTML5 reset



Уже появился HTML5 reset — это удобный шаблон для того чтобы начать проект с нуля. Автор пишет, что в ресете содержаться твики и патчи для IE с комментариями. Есть full и basic версия.

Оф. сайт

Как делалась первая популярная HTML5 игра - "Biolab Disaster"



Игра сделана на чистом js, анимация спрайтовая, звук в формате ogg.


Кстате сам редактор можно уже потыкать указателем.
Видео о создании игры

Игра уже портирована на iPhone и работает без браузера, как standalone но с использованием OpenGL — видео

Что нового в HTML5?

  • В отличии от html4, у которого 3 валидатора, у html5 валидатор один :
  • <!DOCTYPE html>
  • HTML 5 поддерживает MathML и SVG
  • Новые теги: section, article, aside, hgroup, header, footer, nav, dialog, figure, video, audio, source, embed для вставки контента с плагином(только), mark, progress, meter, time, ruby, rt, rp, canvas, command, detailes, datalist, keygen, output.
  • Новые типы input: tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, color.
  • Новые атрибуты для тегов: атрибуты ping media для a и area и т.д.
  • Исчезание некоторых тегов, по причине того, что их можно заменить CSS: basefont, big, center, font, s, strike, tt, u
  • Исчезание фреймов из-за негативного влияния на всю страницу
  • Исчезание некоторых тегов, замененных в обновленной спецификации на более актуальные: acronym(используется abbr), applet(используется object), isindex, dir.
  • Не поддерживаются некоторые атрибуты у тегов из-за отсутствия необходимости: rev и charset у link и a, shape и coords у a и т.д.
  • Не поддерживаются некоторые атрибуты у тегов по причине того, что при использовании CSS добивается лучший эффект: align у всех тегов, alink, link, text, vlink у body и так далее.
  • Новые API:
    • Рисование 2D-картинок в реальном времени
    • Контроль над проигрыванием медиафайлов
    • Хранение данных в браузере
    • Редактирование
    • Drag-and-drop
    • Работа с сетью
    • MIME

Wikibooks
Отличия HTML5 от HTML4(англ.)