Мощь SVG и media queries

Вадим Макеев демонстрирует сейчас на фестивале «404» мощь SVG — картинка сама (через CSS media queries) изменяется для разных разрешений экрана, при масштабировании полноценное лого с текстом ужимается, текст сначала переносится, потом исчезает и остаётся один логотип.

Ребята, о таком применении SVG я даже и не думал, это очень круто.

Другой пример — внутри SVG выбирает один из внедрённых растров, опять же в зависимости от разрешения экрана (а можно, кстати, показывать специальную чёрно-белую версию для тех экранов, где нет цвета).

Дополнено позднее: Вадим выложил слайды своего доклада (смотреть надо в «Опере»).

программированиеcsssvg

Комментарии 16

Глеб Арестов (gleb-arestov.moikrug.ru) № 6
«VML, это, если кто не знает, появившаяся ещё до SVG технология построения векторных изображений. Более мощная, чем SVG, кстати.»
/all/1786#55

:))
Евгений Степанищев (bolknote.ru) автор № 7
Media queries — это не часть SVG, это часть CSS. Некоторыми вещами в VML можно точно так же управлять из CSS, можно те же media queries использовать, только IE их только-только начинает поддерживать.
hshhhhh.name № 8
Комментарий для Евгения Степанищева:

Круто! Вадим монстр!

И слайдшоу в опере тоже круто :)
Софья № 9
Пепелсбей как всегда на высоте. Лаконично, качественно, ново, свежо, необычно. Он крутой парень.
warmland.ru № 10
Слайдшоу в опере, это, конечно, круто, но был, например, такой вот S5 для слайдов в любом браузере: http://meyerweb.com/eric/tools/s5/

Всё-таки не оперой единой.
Евгений Степанищев (bolknote.ru) автор № 11
Если пройти по ссылке, будет видно, что там код с демонстрацией. Поэтому «Оперой» единой :)
Глеб Арестов (gleb-arestov.moikrug.ru) № 12
Комментарий для Евгения Степанищева:

Во первых, забавно, что про vml писалось так безапелляционно и что обе технологии описываются одним прилагательным «мощный» (мне до сих пор непонятно чем vml мощней)

Во вторых, всё-таки про svg не я писал: «мощь SVG — картинка сама (через CSS media queries) изменяется для разных разрешений экрана». Получается, что в комментарие ты опровергаешь свои же слова — коллизия какая-то.
Евгений Степанищев (bolknote.ru) автор № 13

Комментарий для gleb-arestov.moikrug.ru:

Во первых, забавно, что про vml писалось так безапелляционно и что обе технологии описываются одним прилагательным «мощный»

Во-первых, два года прошло. :)

(мне до сих пор непонятно чем vml мощней)

Я тогда серьёзно изучал предмет, сейчас уже не вспомню.

Во вторых, всё-таки про svg не я писал: «мощь SVG — картинка сама (через CSS media queries) изменяется для разных разрешений экрана»

Ну так VML тоже так умеет, но если две модели мощных самолётов разных фирм имеют схожие характеристики, это не значит, что эти самолёты не мощные.