Firefox 4: отрисовка произвольных элементов в качестве фонов посредством -moz-element

[Serator]

Давно ждал аналог -webkit-canvas(), а тут по сути тот же -webkit-canvas(), да еще и с кучей бонусов. Интересные возможности однако подготовили для нас в Mozilla :)

[Mordraug]

вкусняшки!

[Straight]

В IE это появится где-то к пятнадцатой версии, когда у всех остальных данная технология отойдет в разряд устаревших…

[aubt]

с какой стати это вообще должно где-то еще появиться?
w3c и mozilla несколько разные организации.

[s0rr0w]

Однако некоторые работники MoFo работают на спецификациями w3c. Например D. Baron.

[Mithgol]

IE9 будет поддерживать opacity

[squint]

Ну и зачем очередные плюшки, которые будут работать только в одном браузере?.. Файрфокс идёт по пути ИЕ6?

[Straight]

Ни разу не было такой новой технологии. которая появилась бы на все браузерах одновременно.

[burzilov]

Чтобы что-то новое имело больше шансов на повсеместное использование, оно должно быть внесено в стандарт. Чтобы это новое появилось в большинстве браузеров (одновременно), разработчики должны в первую очередь уделять внимание соблюдению стандартов.
(Как же всё просто на словах :)

[s0rr0w]

innerHTML появился в стандарте из-за того, что это удобный инструмент, который реализовали основные участники рынка. Это пример того, что кое что может появиться в стандарте после повсеместного использования.

[XaBoK]

Часть вещей уже реализована в вебките и лис теперь догоняет. Мне будет удобней будет писать html5 страницы для айфона с дебагом скриптов в жуке.

[leotsarev]

Почитайте, зачем нужны префиксы.
Если эта фишка «зайдет», она войдет в стандарт и рекомендована к внедрению во всех браузерах. Тогда в Firefox префикс уберут.

[petrovnn]

Чувак ты не прав. Мозилловцы очень крепко думают перед созданием новой технологии.

[petrovnn]

А это значит что если технология окажется эффективной для решения конкретных задач и удобной в использовании — ее внедрят остальные игроки рынка.

Пример — протокол Sitemaps, придуманный гуглом, теперь используют Яндекс, MSN, Yahoo и другие.

И таких примеров если покопать можно найти немало.

[graycrow]

Да, к сожалению идет, и уже давно. Ogg Theora вместо H.264, IndexedDB вместо Web SQL как у всех остальных и т.п.

[q0p]

а почему к сожалению-то? к счастью! путь мозиллы отличается от пути мс с их ИЕ тем, что мозилла выбирает открытые стандарты, что весьма вкусно.

[graycrow]

Ага, когда Safari, Chrome и Opera вовсю используют Web SQL Database, приходит Firefox и проталкивает идею с IndexedDB, в которой даже join нужно руками писать, то какое тут счастье (тут следует картинка с голубем и кулаком).

[q0p]

спеки IndexedDB сейчас развиваются ОЧЕНЬ быстро, и тот вид IndexedDB, который использовала, например 1ая бета Firefox — уже сильно устарела.
Причины по которым МоFo выбрала IndexedDB — описаны здесь: hacks.mozilla.org/2010/06/beyond-html5-database-apis-and-the-road-to-indexeddb/
А вот сравнение Web Database и IndexedDB hacks.mozilla.org/2010/06/comparing-indexeddb-and-webdatabase/

[graycrow]

Да читал я это, меня 4-й пример в сравнении очень повеселил.

[q0p]

Да, и кстати: хромиум вот тоже собирается скоро использовать IndexedDB: https://groups.google.com/a/chromium.org/group/chromium-html5/browse_thread/thread/ee00c278a33e7905/25cb7c41d1e04a60?lnk=gst&q=indexeddb#25cb7c41d1e04a60
Так что эту идею может подцепить и хром.

[s0rr0w]

Зацикливание. Не будет работать

[tagir_valeev]

Вместо этого вам нужно предотвратить отрисовку элемента на экране, не пряча его впрямую. Один из возможных способов — поместить этот элемент внутрь другого, и задать этому другому «height: 0; overflow: hidden;» в CSS.

Три типа элементов являются исключением из этого правила: изображения, холсты и видеозаписи. Этим видам элементов дозволяется иметь свойство «display: none» и всё равно использоваться в -moz-element.

Как-то это сложно. Может стоило сделать что-то вроде секции в SVG, где можно описать элементы, которые не отображаются напрямую, но на них могут ссылаться другие элементы?..

[tagir_valeev]

Секции <defs>.

[s0rr0w]

Лучше сделать управление при помощи псевдокласса, например :asMozElement. Тогда на уровне css можно было бы управлять отображением.

[yuretsz]

Круто придумали, молодцы. Главное идея какбы на поверхности лежала.

[q0p]

мелкое наблюдение: если перейти на эту страницу — hacks.mozilla.org/wp-content/uploads/2010/08/flowinggradient.html
и сделать окно лисы неактивным, то у прогрессбаров даже цвет меняется с зелёного на серый.

[Mithgol]

CSS-псевдокласс «:-moz-window-inactive» творит чудеса.

[q0p]

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

[KidsKilla]

Как-то эта технология не способствует разделению модели и представления.
Т.е. на странице для отражения, например, должен быть по-сути «мусорный» тэг, да ещё и с уникальным идентификатором.
Отражения у группы элементов, опять же слишком сложно: обращение только по ид, следовательно в ксс этого так просто не добъёшься, нужно описание под каждый элемент списка.
Итого: логику создания придётся выносить в жс, а так же привязку CSS'ом элементов одного к другому.
Хотя если в CSS будет возможность манипулировать DOM…

[Aux]

Лучше бы они наконец уже сделали возможным вставлять SVG в фон, как это описано в спеках W3C на протяжении многих лет…

[Mithgol]

Сделают, по-видимому, в этом году.

[Aux]

Ну если оно будет с анимацией и грамотно ресайзится, то я их расцелую! Виртуально хотя бы (: Заждался уже, столько всего хорошего можно сделать с помощью SVG…