WebGL, HTML5 и Mozilla

Как я уже писал Разработка спецификации WebGL 1.0 завершена, в сети появляются новые демо, что делает WebGL привлекательным инструментом для разработчиков. Многие из демо смотрятся действительно ВАУ КРУТО! Экосистема HTML дополнилась еще одним мощным инструментом, что переносит такой инструмент как JavaScript на совершенно иной уровень восприятия.

2 выходных дня!

Как круто проснуться в понедельник, после жесткой гулянки в воскресенье, с осознанием того, что сегодня не нужно идти на работу! Голова болит и раздулась не реально! "Бехеревка, Белый русский и Финляндия + Мартини" не дают о себе забыть! Бехеревка сама по себе вставляет быстро, а в миксе со всякими ершами уносит в далекий космос!

Ё.п.т... а планировал разобраться с новой версией ColdFusion Builder 2 и посмотреть фичи по HTML5 / CSS3...

Разработка спецификации WebGL 1.0 завершена

Разработка спецификации WebGL 1.0 завершена. Пользователи Firefox, Chrome, Opera или Safari смогут воспользоваться поддержкой стандарта (пока WebGL доступна не во всех финальных версиях этих браузеров).
Замечу, что IE в списках поддерживаемых WebGL браузеров отсутствует.

Подробнее читать тут. Демонстрация возможностей WebGL.

Режимы в IE9

Если кто-то считает, что с исчезновением IE6 и появлением IE9 все проблемы с IE будут решены, то он серьезно заблуждается! В IE9, как и в IE8 остались режимы совместимости с предыдущими версиями IE.
В IE8, что бы сделать корректное отображение HTML шаблона для всех режимов, требовалось реализовывать специальные "костыли", которые усложняли разработку, теперь будем наступать на те же "грабли" в IE9!

Тэги поддерживаемые в веб-браузерах

Небольшой список FAQ-а поддержки различных тэгов в веб-браузерах

• Firefox: HTML Element Referece + canvas
• IE: HTML and DHTML Reference + video
• Chrome: HTML Elements + video
• Safari: HTML Reference + layer
• Opera: Web specifications support

Книги заслуживающие внимания

Если вы занимаетесь творческой и профессиональной разработкой веб-приложений, рекомендую обратить внимание на следующие книги на русском языке:

• Изучаем HTML5. Библиотека специалиста
• HTML 5 для профессионалов: мощные инструменты для разработки современных веб-приложений
• ActionScript 3.0. Шаблоны проектирования

Демонстрация возможностей WebGL

Это невероятные демки возможностей WebGL с помощью аппаратного ускорения прямо в браузере! Посмотреть можно только в Chrome 9, IE9 или Firefox 4.

Солянка высоколорийного материала по HTML5/CSS3/JS

Солянка последних статей и видео с tutsplus.com по HTML 5 / CSS / JS

HTML 5

• HTML5 Audio and Video: What you Must Know

CSS

• The Top 5 Mistakes of Massive CSS
• Quick Tip: Mimic Equal Columns with CSS3 Gradients
• The 30 CSS Selectors you Must Memorize
• Quick Tip: Getting Clever with CSS3 Shadows
• The Easiest Way to Create Vertical Text with CSS
• How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
• Convert a Warm, Cheerful Web Design to HTML and CSS
• Crash Course: YUI Grids CSS
• The State of CSS3
• Build Awesome Practical CSS3 Buttons
• 10 CSS3 Properties you Need to be Familiar with
• Quick Tip: Mimic a Click Event with CSS

JS

• HTML5 JavaScript APIs
• Quick Tip: Detect CSS3 Support in Browsers with JavaScript
• Scalable JavaScript Application Architecture
• Quick Tip: Calling JavaScript Methods on Other Objects
• Extreme JavaScript Performance
• What’s new in JavaScript 1.8.5

20 вещей, которые я узнал о веб-браузерах и Веб

Отличный пример использования HTML5 в виде интерактивной книги 20 вещей, которые я узнал о веб-браузерах и Веб, книга обладает приятным визуальным оформлением и массой мелких "плюшечек". Смотреть в Ff4 или Google Chrome. Разработчик данного приложения Fi Interactive.

25 особенностей HTML5, которые вы должны знать

Простая и познавательная статья 25 HTML5 Features, Tips, and Techniques you Must Know.

CSS & JS совместимость в WebKit

Таблица совместимости CSS & JS свойств и методов в различных версиях веб-браузеров, построенных на базе WebKit, включая мобильные версии.

CSS совместимость в IE x

Статья на MS MSDN CSS Compatibility and Internet Explorer.

Еще раз о HTML5

Хочу поделиться парой ссылок о HTML 5, для внесения наиболее полной ясности в реальность:

• Диаграмма HTML5 & CSS3 Readiness, более ранние версии браузеров IE, Opera, FF отсутствуют, а ведь именно эти браузеры составляют сейчас основной поток пользователей
• Совместимость функций HTML5, CSS3, SVG и других технологий
• Статья за 2008 год HTML 5 Editor Ian Hickson discusses features, pain points, adoption rate, and more, интересные моменты:
  Спецификация HTML 4 разрабатывалась на протяжении 10 лет, как вы думаете, спецификация HTML 5 будет разрабатываться быстрее? (это риторический вопрос).
  Первая черновая спецификая HTML 5 должна появиться в 2012 году (W3C Candidate Recommendation), а в 2022 году или позже появиться окончательная спецификация HTML 5.

Flash и HTML5 видео тэг

Хотя поддержка видео в HTML5 позволяет нам принести большую часть контента YouTube для компьютеров и других устройств, которые не поддерживают Flash Player, она еще не отвечает всем нашим потребностям. В настоящее время Adobe Flash обеспечивает наилучшую платформу для распространения видео YouTube, поэтому наш главный видеоплеер построен на Adobe Flash.

Пару дней назад, в блоге YouTube инженер YouTube сделал интересный пост Flash and the HTML5 video tag.

IE прокачали

Итак, MS не хило прокачала новый IE, который обгоняет по скорости Google Chrome, Firefox, Opera и Safari, смотрим видео:

Назад во времени с HTML5

Интересный пост Jump back in time with HTML5, с потрясающими Flash примерами.

Apple демонстрирует HTML5 примеры функционала, которые уже были созданы 8 лет назад во Flash 6. Примеры на Flash как отдельного функционала, так и целых приложений шагнули далеко вперед и HTML5 проектам ни когда уже не угнаться в технологическом плане. Flash примеры крайне трудно или невозможно построить используя HTML5.

Adobe Dreamweaver Widget Browser

Adobe ® Dreamweaver ® Widget Browser - это Adobe AIR ® приложение, позволяющие просматривать и настраивать виджеты с помощью визуального интерфейса. С помощью Widget Browser можно просматривать и скачать виджеты в формате OpenAjax доступные на Adobe Exchange, добавлять виджеты для Adobe Dreamweaver и легко вставлять их в свои веб-страницы.

Что мы знаем о HTML5

Существует сайт, который предлагает обзор свойств HTML5 и CSS3 в современных веб-браузерах. И если присмотреться более пристально, то оказывается не все так гладко, как звучат маркетинговые лозунги "Революции HTML5".

Сравнение HTML5 VS Flash Player 10.1 для мобильных устройств

Michael Chaize провел собственные тесты и сравнения. Результаты на лицо.

P.S. Flash и HTML будут жить вместе, как жили на протяжении последних 15 лет.
Flash будет устанавливаться в будущих версиях веб-браузера Chrome, это станет первой платформой для запуска богатых и насыщенных интерфейсов и RIA приложений!

Тестирование браузеров в HTML5

Существует сайт, который позволяет тестировать различные веб-браузеры в HTML5.
Оказывается, имеются интересные результаты тестирования.