VML, SVG, Canvas Вчера, сегодня, завтра

2 Вчера: Microsoft против W3C

3 VML / PGML: немного истории 10 апреля 1998: PGML от Sun, IBM и др. 13 мая 1998: VML от Microsoft и др. Март 1999: поддержка VML в IE апреля 2008: VML – часть Open Office XML

4 SVG: немного истории Конец 1998: SVG Working Group 7 июля 1999: SVG 4 сентября 2001: SVG января 2003: SVG декабря 2008: SVG 1.2 Tiny, MIME- тип image/svg+xml Июнь 2012: SVG 2.0 Full

5 Canvas: истоки 2005: поддержка в WebKit 2005: поддержка в Gecko 2006: поддержка в Presto 14 марта 2007: передача в WHATWG 2008: Web Applications 1.0 -> HTML5 2010: поддержка в Trident

6 Сегодня: вектор против растра

7 VML + SVG: векторные форматы Ситуация: SVG везде, VML для IE Описание: чистый XML, реже JavaScript Использование: масштабируемые объекты, графики SVG: интеграция с MathML VML для PNG для IE: DD_belatedPNG

8 Canvas: растровые операции Ситуация: Canvas везде, VML для IE Описание: чистый JavaScript, никакого VML Использование: анимация, шрифты, сложные объекты, графики Примеры:

9 Завтра: что быстрее?

10 Canvas против SVG: раунд 1 Использование для сложных областей Прирост скорости: %

11 Canvas против SVG: раунд 2 Множество одинаковых объектов Прирост скорости: 50-80%

12 Canvas против SVG: раунд 3 Вектор и растр: число объектов и их размер

13 Canvas против SVG: финал Canvas – Растровая графика – Большое число небольших объектов – Изменение формы объектов SVG – Векторная графика – Малое число круных объектов – Изменение размера объектов

14 Бонусы

15 Клиентская оптимизация webo.in – Инструменты для проверки и профилирования скорости загрузки – Десятки детальных советов – Сотни тематических статей и докладов – Более проверенных сайтов – Услуги по клиентской оптимизации

16 Профессиональные книги «Разгони свой сайт» - можно купить прямо сейчас «Реактивные веб-сайты» - ожидается весной 2010 Заходите на speedupyourwebsite.ru

17 И приложения – Web Optimizer Среднее ускорение сайта: 2,5 раза Совместимо с 40 CMS: Joomla!, Wordpress, Drupal, Bitrix, др. Специальная новогодняя редакция 500+ ускоренных сайтов

18 Спасибо. Вопросы? VML, SVG, Canvas Николай Мациевский Skype: nikolay.matsievsky