Мощь SVG и media queries
Вадим Макеев демонстрирует сейчас на фестивале «404» мощь SVG — картинка сама (через CSS media queries) изменяется для разных разрешений экрана, при масштабировании полноценное лого с текстом ужимается, текст сначала переносится, потом исчезает и остаётся один логотип.
Ребята, о таком применении SVG я даже и не думал, это очень круто.
Другой пример — внутри SVG выбирает один из внедрённых растров, опять же в зависимости от разрешения экрана (а можно, кстати, показывать специальную чёрно-белую версию для тех экранов, где нет цвета).
Дополнено позднее: Вадим выложил слайды своего доклада (смотреть надо в «Опере»).
А ссылку например оставить ума не хватило?
Комментарий для Я:
А где ваше воспитание?
Нет ссылки, пример не выложен в сеть.
Видео: http://webstandardsdays.ru/2010/09/18/pres/web.in.curves.mp4
Комментарий для wiktar.com:
Спасибо! Надеюсь, Вадим скоро выложит и сами примеры.
Спасибо, весчь!
«VML, это, если кто не знает, появившаяся ещё до SVG технология построения векторных изображений. Более мощная, чем SVG, кстати.»
http://bolknote.ru/all/1786#55
:))
Комментарий для gleb-arestov.moikrug.ru:
Media queries — это не часть SVG, это часть CSS. Некоторыми вещами в VML можно точно так же управлять из CSS, можно те же media queries использовать, только IE их только-только начинает поддерживать.
Комментарий для Евгения Степанищева:
Круто! Вадим монстр!
И слайдшоу в опере тоже круто :)
Пепелсбей как всегда на высоте. Лаконично, качественно, ново, свежо, необычно. Он крутой парень.
Слайдшоу в опере, это, конечно, круто, но был, например, такой вот S5 для слайдов в любом браузере: http://meyerweb.com/eric/tools/s5/
Всё-таки не оперой единой.
Комментарий для warmland.ru:
Если пройти по ссылке, будет видно, что там код с демонстрацией. Поэтому «Оперой» единой :)
Комментарий для Евгения Степанищева:
Во первых, забавно, что про vml писалось так безапелляционно и что обе технологии описываются одним прилагательным «мощный» (мне до сих пор непонятно чем vml мощней)
Во вторых, всё-таки про svg не я писал: «мощь SVG — картинка сама (через CSS media queries) изменяется для разных разрешений экрана». Получается, что в комментарие ты опровергаешь свои же слова — коллизия какая-то.
Комментарий для gleb-arestov.moikrug.ru:
Во-первых, два года прошло. :)
Я тогда серьёзно изучал предмет, сейчас уже не вспомню.
Ну так VML тоже так умеет, но если две модели мощных самолётов разных фирм имеют схожие характеристики, это не значит, что эти самолёты не мощные.
У меня ваше слайдшоу выглядит как обычная страница, а не слайдшоу. ЧЯДНТ?
Комментарий для fulc.ru:
F11
Комментарий для Евгения Степанищева:
:o