SlideShare una empresa de Scribd logo
1 de 16
HTML 5
 JAM 1.2
           Яночкин Алексей
Состояние дел

Разработка HTML5 началась в новой рабочей группе W3C d
2007 году.

Первый черновик спецификации стал доступен широкой
общественности 22 января 2008. Спецификация сейчас
находится в разработке и может находиться в этой стадии
ещё несколько лет, хотя предполагается, что отдельные
части HTML 5 будут закончены и реализованы в браузерах
до того, как спецификация официально получит статус
рекомендации.
Новая разметка
Новые правила лексического разбора;


Новые элементы: header, footer, section, article, video, audio, progress,
nav, meter, time, aside, canvas;


Новые типы input-элементов;


Добавлены новые атрибуты для элементов, существовавших в HTML4;


Атрибуты class, dir, id, lang, style, tabindex, title, существовавшие в
HTML4, стали применимы для всех элементов (глобальные аттрибуты);


Добавлены новые глобальные атрибуты: aria-*, contenteditable, contextmenu,
data-*, draggable, dropzone, hidden, role, spellcheck;


Исключены не рекомендованные для использования элементы: acronym, applet,
basefont, big, center, dir, font, frame, frameset, isindex, noframes,
strike, tt, u.
Новое API
Рисование 2D-картинок в реальном времени;


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


Хранение данных в браузере


Редактирование;


Drag-and-drop


Работа с сетью;


FileAPI


MIME
Браузеры
          Браузер              Версия    Результат

Microsoft Internet Explorer      9          130

        Apple Safari           5.0.3        228

           Opera                11.0        234

      Mozilla Firefox           4.0         255

        Google Chome          10.0.648      288
Мобильные браузеры
   Браузер      Весрия    Результат

   Android        2.3        182

Apple iPhone,
                iOS 4.3      206
     iPad

 Blackberry        6         233

Opera Mobile      11         234
Html vs Flash
           Браузеры
    Браузер       Flash     HTML5


 Apple Safari     45 FPS    40 FPS


Mozilla Firefox   40 FPS   17.5 FPS


 Google Сhrome    45 FPS    30 FPS
Html vs Flash
Мобильные платформы
    Платформа        Flash    HTML5

Android HTC Legend   6 FPS    5 FPS

    iPhone 3GS         -      2 FPS

Android Nexus One    40 FPS   57 FPS

    IPhone 4G          -      22 FPS
Ссылка для
        тестирования
http://www.themaninblue.com/writing/
       perspective/2010/03/22/
Мобильные платформы

Appcelerator Titanium

PhoneGap

Unify Project

Basecamp Mobile
Appcelerator Titanium
Unify Project
Basecamp Mobile
Светлое будующее



Ждем официальный стандарт

HTML5 vs Flash

Мобильные кроссплатформенные
разработки
Вопросы?
Спасибо за внимание

Más contenido relacionado

Destacado

5 ways to make your brand story stand out
5 ways to make your brand story stand out5 ways to make your brand story stand out
5 ways to make your brand story stand outJonathan Dampier
 
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)[JAM 1.1] Testing not for Fun (Evgeny Kaziak)
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)Evgeny Kaziak
 
Interactive design
Interactive designInteractive design
Interactive designEran Lahav
 
Usability...Or Strategic User Experience?
Usability...Or Strategic User Experience?Usability...Or Strategic User Experience?
Usability...Or Strategic User Experience?Paul Sherman
 

Destacado (6)

5 ways to make your brand story stand out
5 ways to make your brand story stand out5 ways to make your brand story stand out
5 ways to make your brand story stand out
 
UX & testing: the elder & the wise
UX & testing: the elder & the wiseUX & testing: the elder & the wise
UX & testing: the elder & the wise
 
Usability_testing
Usability_testingUsability_testing
Usability_testing
 
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)[JAM 1.1] Testing not for Fun (Evgeny Kaziak)
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)
 
Interactive design
Interactive designInteractive design
Interactive design
 
Usability...Or Strategic User Experience?
Usability...Or Strategic User Experience?Usability...Or Strategic User Experience?
Usability...Or Strategic User Experience?
 

Similar a [JAM 1.2] HTML5 (Alexei Yanochkin)

Современный станок верстальщика
Современный станок верстальщикаСовременный станок верстальщика
Современный станок верстальщикаOdessaFrontend
 
Эссе по теме браузеры
Эссе по теме браузерыЭссе по теме браузеры
Эссе по теме браузерыMaxim Moroz
 
браузеры
браузерыбраузеры
браузерыpo-grib
 
браузеры
браузерыбраузеры
браузерыpo-grib
 
Как за $5 и несколько вечеров сделать интегрированную новостную платформу
Как за $5 и несколько вечеров сделать интегрированную новостную платформуКак за $5 и несколько вечеров сделать интегрированную новостную платформу
Как за $5 и несколько вечеров сделать интегрированную новостную платформуAndrew Gubskiy
 
сравнение браузеров
сравнение браузеровсравнение браузеров
сравнение браузеровnatasha16makritskaya
 
Особенности мобильной платформы Windows Phone 8
Особенности мобильной платформы Windows Phone 8Особенности мобильной платформы Windows Phone 8
Особенности мобильной платформы Windows Phone 8GetDev.NET
 
DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей
DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко АлексейDUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей
DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексейit-people
 
[JAM 1.0] Intro (Paul Malikov)
[JAM 1.0] Intro (Paul Malikov)[JAM 1.0] Intro (Paul Malikov)
[JAM 1.0] Intro (Paul Malikov)Evgeny Kaziak
 
сравнение 5 наиболее популярных браузеров
сравнение 5 наиболее популярных браузеровсравнение 5 наиболее популярных браузеров
сравнение 5 наиболее популярных браузеровElizaveta Borisenok
 
особенности верстки под мобильные устройства
особенности верстки под мобильные устройстваособенности верстки под мобильные устройства
особенности верстки под мобильные устройстваVyacheslav Kozyrev
 
Go для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчикаGo для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчикаUP2IT
 

Similar a [JAM 1.2] HTML5 (Alexei Yanochkin) (20)

Mozilla firefox
Mozilla firefoxMozilla firefox
Mozilla firefox
 
браузеры
браузерыбраузеры
браузеры
 
Браузеры
БраузерыБраузеры
Браузеры
 
браузеры
браузерыбраузеры
браузеры
 
Современный станок верстальщика
Современный станок верстальщикаСовременный станок верстальщика
Современный станок верстальщика
 
Эссе по теме браузеры
Эссе по теме браузерыЭссе по теме браузеры
Эссе по теме браузеры
 
835453
835453835453
835453
 
браузеры
браузерыбраузеры
браузеры
 
браузеры
браузерыбраузеры
браузеры
 
Web browser 2015
Web browser 2015Web browser 2015
Web browser 2015
 
Как за $5 и несколько вечеров сделать интегрированную новостную платформу
Как за $5 и несколько вечеров сделать интегрированную новостную платформуКак за $5 и несколько вечеров сделать интегрированную новостную платформу
Как за $5 и несколько вечеров сделать интегрированную новостную платформу
 
сравнение браузеров
сравнение браузеровсравнение браузеров
сравнение браузеров
 
браузеры
браузерыбраузеры
браузеры
 
Особенности мобильной платформы Windows Phone 8
Особенности мобильной платформы Windows Phone 8Особенности мобильной платформы Windows Phone 8
Особенности мобильной платформы Windows Phone 8
 
DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей
DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко АлексейDUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей
DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей
 
[JAM 1.0] Intro (Paul Malikov)
[JAM 1.0] Intro (Paul Malikov)[JAM 1.0] Intro (Paul Malikov)
[JAM 1.0] Intro (Paul Malikov)
 
сравнение 5 наиболее популярных браузеров
сравнение 5 наиболее популярных браузеровсравнение 5 наиболее популярных браузеров
сравнение 5 наиболее популярных браузеров
 
особенности верстки под мобильные устройства
особенности верстки под мобильные устройстваособенности верстки под мобильные устройства
особенности верстки под мобильные устройства
 
Бесплатное ПО
Бесплатное ПОБесплатное ПО
Бесплатное ПО
 
Go для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчикаGo для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчика
 

Más de Evgeny Kaziak

[JAM 1.2] Testing in Android (Dzmitry Ivashnev)
[JAM 1.2] Testing in Android (Dzmitry Ivashnev)[JAM 1.2] Testing in Android (Dzmitry Ivashnev)
[JAM 1.2] Testing in Android (Dzmitry Ivashnev)Evgeny Kaziak
 
[JAM 1.2] Mobile Sensors (Paul Malikov)
[JAM 1.2] Mobile Sensors (Paul Malikov)[JAM 1.2] Mobile Sensors (Paul Malikov)
[JAM 1.2] Mobile Sensors (Paul Malikov)Evgeny Kaziak
 
[JAM 1.2] Design & Multitasking (Andrew Solovey)
[JAM 1.2] Design & Multitasking (Andrew Solovey)[JAM 1.2] Design & Multitasking (Andrew Solovey)
[JAM 1.2] Design & Multitasking (Andrew Solovey)Evgeny Kaziak
 
[JAM 1.2] Intro (Paul Malikov)
[JAM 1.2] Intro (Paul Malikov)[JAM 1.2] Intro (Paul Malikov)
[JAM 1.2] Intro (Paul Malikov)Evgeny Kaziak
 
[JAM 1.1] Geo Champs (Mashpit Team)
[JAM 1.1] Geo Champs (Mashpit Team)[JAM 1.1] Geo Champs (Mashpit Team)
[JAM 1.1] Geo Champs (Mashpit Team)Evgeny Kaziak
 
[JAM 1.1] Clean Code (Paul Malikov)
[JAM 1.1] Clean Code (Paul Malikov)[JAM 1.1] Clean Code (Paul Malikov)
[JAM 1.1] Clean Code (Paul Malikov)Evgeny Kaziak
 
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)[JAM 1.1] Project Managment Tools (Viktor Sidorcov)
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)Evgeny Kaziak
 
[JAM 1.1] Symfony (Alexei Yanochkin)
[JAM 1.1] Symfony (Alexei Yanochkin)[JAM 1.1] Symfony (Alexei Yanochkin)
[JAM 1.1] Symfony (Alexei Yanochkin)Evgeny Kaziak
 
[JAM 1.1] Intro (Paul Malikov)
[JAM 1.1] Intro (Paul Malikov)[JAM 1.1] Intro (Paul Malikov)
[JAM 1.1] Intro (Paul Malikov)Evgeny Kaziak
 
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)Evgeny Kaziak
 
[JAM 1.0] Android OS, Java (Paul Malikov)
[JAM 1.0] Android OS, Java (Paul Malikov)[JAM 1.0] Android OS, Java (Paul Malikov)
[JAM 1.0] Android OS, Java (Paul Malikov)Evgeny Kaziak
 
[JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artleb...
[JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artleb...[JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artleb...
[JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artleb...Evgeny Kaziak
 
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)Evgeny Kaziak
 

Más de Evgeny Kaziak (13)

[JAM 1.2] Testing in Android (Dzmitry Ivashnev)
[JAM 1.2] Testing in Android (Dzmitry Ivashnev)[JAM 1.2] Testing in Android (Dzmitry Ivashnev)
[JAM 1.2] Testing in Android (Dzmitry Ivashnev)
 
[JAM 1.2] Mobile Sensors (Paul Malikov)
[JAM 1.2] Mobile Sensors (Paul Malikov)[JAM 1.2] Mobile Sensors (Paul Malikov)
[JAM 1.2] Mobile Sensors (Paul Malikov)
 
[JAM 1.2] Design & Multitasking (Andrew Solovey)
[JAM 1.2] Design & Multitasking (Andrew Solovey)[JAM 1.2] Design & Multitasking (Andrew Solovey)
[JAM 1.2] Design & Multitasking (Andrew Solovey)
 
[JAM 1.2] Intro (Paul Malikov)
[JAM 1.2] Intro (Paul Malikov)[JAM 1.2] Intro (Paul Malikov)
[JAM 1.2] Intro (Paul Malikov)
 
[JAM 1.1] Geo Champs (Mashpit Team)
[JAM 1.1] Geo Champs (Mashpit Team)[JAM 1.1] Geo Champs (Mashpit Team)
[JAM 1.1] Geo Champs (Mashpit Team)
 
[JAM 1.1] Clean Code (Paul Malikov)
[JAM 1.1] Clean Code (Paul Malikov)[JAM 1.1] Clean Code (Paul Malikov)
[JAM 1.1] Clean Code (Paul Malikov)
 
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)[JAM 1.1] Project Managment Tools (Viktor Sidorcov)
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)
 
[JAM 1.1] Symfony (Alexei Yanochkin)
[JAM 1.1] Symfony (Alexei Yanochkin)[JAM 1.1] Symfony (Alexei Yanochkin)
[JAM 1.1] Symfony (Alexei Yanochkin)
 
[JAM 1.1] Intro (Paul Malikov)
[JAM 1.1] Intro (Paul Malikov)[JAM 1.1] Intro (Paul Malikov)
[JAM 1.1] Intro (Paul Malikov)
 
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)
 
[JAM 1.0] Android OS, Java (Paul Malikov)
[JAM 1.0] Android OS, Java (Paul Malikov)[JAM 1.0] Android OS, Java (Paul Malikov)
[JAM 1.0] Android OS, Java (Paul Malikov)
 
[JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artleb...
[JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artleb...[JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artleb...
[JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artleb...
 
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
 

[JAM 1.2] HTML5 (Alexei Yanochkin)

  • 1. HTML 5 JAM 1.2 Яночкин Алексей
  • 2. Состояние дел Разработка HTML5 началась в новой рабочей группе W3C d 2007 году. Первый черновик спецификации стал доступен широкой общественности 22 января 2008. Спецификация сейчас находится в разработке и может находиться в этой стадии ещё несколько лет, хотя предполагается, что отдельные части HTML 5 будут закончены и реализованы в браузерах до того, как спецификация официально получит статус рекомендации.
  • 3. Новая разметка Новые правила лексического разбора; Новые элементы: header, footer, section, article, video, audio, progress, nav, meter, time, aside, canvas; Новые типы input-элементов; Добавлены новые атрибуты для элементов, существовавших в HTML4; Атрибуты class, dir, id, lang, style, tabindex, title, существовавшие в HTML4, стали применимы для всех элементов (глобальные аттрибуты); Добавлены новые глобальные атрибуты: aria-*, contenteditable, contextmenu, data-*, draggable, dropzone, hidden, role, spellcheck; Исключены не рекомендованные для использования элементы: acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt, u.
  • 4. Новое API Рисование 2D-картинок в реальном времени; Контроль над проигрыванием медиафайлов, который может использоваться, например, для синхронизации субтитров с видео Хранение данных в браузере Редактирование; Drag-and-drop Работа с сетью; FileAPI MIME
  • 5. Браузеры Браузер Версия Результат Microsoft Internet Explorer 9 130 Apple Safari 5.0.3 228 Opera 11.0 234 Mozilla Firefox 4.0 255 Google Chome 10.0.648 288
  • 6. Мобильные браузеры Браузер Весрия Результат Android 2.3 182 Apple iPhone, iOS 4.3 206 iPad Blackberry 6 233 Opera Mobile 11 234
  • 7. Html vs Flash Браузеры Браузер Flash HTML5 Apple Safari 45 FPS 40 FPS Mozilla Firefox 40 FPS 17.5 FPS Google Сhrome 45 FPS 30 FPS
  • 8. Html vs Flash Мобильные платформы Платформа Flash HTML5 Android HTC Legend 6 FPS 5 FPS iPhone 3GS - 2 FPS Android Nexus One 40 FPS 57 FPS IPhone 4G - 22 FPS
  • 9. Ссылка для тестирования http://www.themaninblue.com/writing/ perspective/2010/03/22/
  • 14. Светлое будующее Ждем официальный стандарт HTML5 vs Flash Мобильные кроссплатформенные разработки

Notas del editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n