Www.web-optimizer.us VML, SVG, Canvas Вчера, сегодня, завтра. - презентация

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

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

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

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

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

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

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

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

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

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

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

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

14 14 Бонусы

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

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

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

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