Мощь SVG и media queries

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

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

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

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

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

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

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

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

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

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

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

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

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

Ы

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

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

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

:))

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

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

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

hshhhhh.name

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

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

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

Софья

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

warmland.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vladimir Moskva (fulc.ru)

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

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

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

F11

Vladimir Moskva (fulc.ru)

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

:o

Популярное