Browsers
Comments 53
+2
Я постарался посмотреть на это дело немного с другой стороны, плюс освежить память перед выходом официальной 11ой версии, которая должна появиться ровно через неделю
+2
В таком случае, добавьте ссылку на первое упоминание. Это сделает ваш пост ценнее.
UFO landed and left these words here
+3
Есть такой чувак, Niklas von Hertzen. Он делает просто отличную штуку — html2canvas, которая по сути своей есть альтернативный упрощенный рендерер страниц на js; html2canvas.js позволяет делать скриншоты страниц прямо на клиенте, безо всяких плагинов, просто подключая скрипт.
По такой же схеме, хоть и чуть попроще, работает и его html2webgl, но в 3D, используется прикрученный three.js с анаглифным рендером, поэтому это работает в любом браузере с поддержкой webgl. Сейчас скрипт скорее демонстрационный, основывается на вложенности DOM-модели, но никто не мешает позиционировать глубину по z-index или по специальным классам, и создавать свои правила для трансформирования в полигоны, для текстур своих дивов и так далее.

Только представьте — реальное позиционирование на заднем фоне всего, кроме основного контента (какой-нибудь ленты), настоящий эффект параллакса, выделение текста не только размерами шрифта, но и глубиной. Презентации вроде impress.js уже сейчас есть в 3D, но используется не так широко. Для маркетинговых сайтов и закрытых показов, особенно в случае продвижения других, помимо анаглифного, рендеров, когда-нибудь можно будет всё чаще видеть кнопочку «3D Mode On/Off».
0
Первое что пришло в голову при виде всего этого великолепия, это easter egg'и в виде 3D-объектов, которые теперь можно будет наблюдать на сайтах. Мало того, теперь можно их делать!
0
Уверен что скоро и остальные браузеры украдут подхватят модное веяние и введут эту плюшку в своих вэб-инспекторах. Но прямо из-за этого чуть не вернулся на ФФ.
+1
Напоминает Трон, причём первую часть, все эти 3D визуализации сайтов :)
-8
> спасибо, Mozilla, за 3d-будущее

Зачем столько пафоса, и как мозила относится к webGL, который вообще раньше всех в хроме появился?
+1
В названии заголовка при желании можно рассмотреть как пафос, так и иронию :)
Ну а вообще, кроме того что Mozilla работает над webgl уже лет 6, именно они они подошли к 3д с такой необычной стороны, в то время как остальные зациклились в основном на играх и технологических демках
0
Напомнило Snoop для WPF. В принципе, бывают моменты, когда такое необходимо.
0
Господа, подскажите как влючить эту функци, скачал специально ff 11 beta5 и ff 12 aurora, пока ни там не там не нашел. (
Уж простите дурака за глупый вопрос.
0
Ctrl+Shift+I либо FirefoxButton->Web Developer->Web Inspector
а дальше снизу на кнопку 3D View нужно нажать
0
Я наверное не совсем точно выразился, я не вижу кнопку 3D
0
Попробуйте запустить какую-нибудь webgl-демку, если не получится — то проблема в вашей системе
0
а как включается это webgl? в хроме у меня он прекрасно работает, а что не нравиться ff?
0
Windows Vista, лицензия, последние обновления установлены. Где может быть проблема?
0
Либо стоит обновить драйвера на видеокарту, либо в FF зайти в about:config и поставить webgl.force-enabled = true
UFO landed and left these words here
0
Одно дело играть в CSS, а другое — встраивать такое в веб-инспектор, как очень важную фичу.
UFO landed and left these words here
0
Ну, мне тоже троллейбус из буханки кажется весьма милым, как практикующему визуалу. Но пользы для конечного продукта в этом мало. Если верстальщики начнут визуализировать все обёртки в своём коде, то они непременно свихнутся. А так — мы держим в голове только значимые блоки.

Ну вот ничего не могу поделать — смотрю на эту визуализацию и никак не могу связать её с имеющимся и хорошо знакомым кодом.
UFO landed and left these words here
0
А как быть с действительно ужасными интерфейсами, в которые попросили добавить еще парочку фич? По-моему, визуализация очень подойдет, хотя бы чтобы понять, что вообще происходит на этой странице.
+1
Моя бабушка это видео бы дизлайкнула. Раньше было совсем другое отношение к хлебу…
UFO landed and left these words here
0
прекрасно — это когда их (молочные железы) можно руками потрогать, а не лицезреть на виртуальные очертания.
UFO landed and left these words here
+7
До этого не замечал, что у Google есть такой большой блок отставленный на 999px и имеющий z-index:999
+3
Напоминает ситуацию в космических сагах, когда вражеский космический флот затаился над планетой вне видимости радаров…
0
Мне интересно, в этом режиме работают CSS-анимация и трансформация? Было бы интересно.
0
Интересно, сколько памяти кушает этот инструмент… А то как бы знаете, памяти много не бывает ;)
Only those users with full accounts are able to leave comments. , please.