VML, SVG, Canvas Вперед в прошлое

2 Позавчера: Netscape и прочий зоопарк

3 Предыстория 1995-?: SVF November : VRML (Netscape) 2004-сейчас: X3D (наследник VRML) 19 августа 1998-?: WebCGM

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

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

6 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

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

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

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

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

11 Завтра: Canvas против SVG

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

13 Бонусы

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

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

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

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