Мощь SVG и media queries

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

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

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

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

Поделиться
Отправить
 47   2010   css   svg   программирование
16 комментариев
Я 2010

А ссылку например оставить ума не хватило?

Евгений Степанищев (bolknote.ru) 2010

Комментарий для Я:

А где ваше воспитание?

Нет ссылки, пример не выложен в сеть.

Victor Grinchik (wiktar.com) 2010
Евгений Степанищев (bolknote.ru) 2010

Комментарий для wiktar.com:

Спасибо! Надеюсь, Вадим скоро выложит и сами примеры.

Ы 2010

Спасибо, весчь!

Глеб Арестов (gleb-arestov.moikrug.ru) 2010

«VML, это, если кто не знает, появившаяся ещё до SVG технология построения векторных изображений. Более мощная, чем SVG, кстати.»
http://bolknote.ru/all/1786#55

:))

Евгений Степанищев (bolknote.ru) 2010

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

Media queries — это не часть SVG, это часть CSS. Некоторыми вещами в VML можно точно так же управлять из CSS, можно те же media queries использовать, только IE их только-только начинает поддерживать.

hshhhhh.name 2010

Комментарий для Евгения Степанищева:

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

И слайдшоу в опере тоже круто :)

Софья 2010

Пепелсбей как всегда на высоте. Лаконично, качественно, ново, свежо, необычно. Он крутой парень.

warmland.ru 2010

Слайдшоу в опере, это, конечно, круто, но был, например, такой вот S5 для слайдов в любом браузере: http://meyerweb.com/eric/tools/s5/

Всё-таки не оперой единой.

Евгений Степанищев (bolknote.ru) 2010

Комментарий для warmland.ru:

Если пройти по ссылке, будет видно, что там код с демонстрацией. Поэтому «Оперой» единой :)

Глеб Арестов (gleb-arestov.moikrug.ru) 2010

Комментарий для Евгения Степанищева:

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

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

Евгений Степанищев (bolknote.ru) 2010

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

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

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

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

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

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

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

Vladimir Moskva (fulc.ru) 2010

У меня ваше слайдшоу выглядит как обычная страница, а не слайдшоу. ЧЯДНТ?

Евгений Степанищев (bolknote.ru) 2010

Комментарий для fulc.ru:

F11

Vladimir Moskva (fulc.ru) 2010

Комментарий для Евгения Степанищева:

:o

Популярное