Shadow DOM

[lionet]

Вот какой нынче перспективный метод для:

1. Показа более короткого кода по View Source.
2. Защиты от случайных селекторов jQuery, факапящих отображение и поведение встроенных виджетов (, например).

Click to view

И если первое было уже доступно в Netscape Navigator (современные браузеры как-то начали вместо View Source показывать View Current DOM Tree), то

Comments

[demmonoid]

Вот поэтому я и не женюсь пишу больше для клиент-сайда. Хак на хаке, костыль на костыле, а главное - каждая новая версия оперы рождает новые косяки рендеринга.

[lionet]

В дупло вашу оперу, ибо её нет здесь. И хорошо.

[demmonoid]

Минутку, вы ее вообще не поддерживаете? А IE7 хотя бы?

[lionet]

Оперу не поддерживаем, её нет на штатовском рынке. IE7 поддерживаем, но от IE6 уже отказались.

[vsviridov]

От SEO-шники возрадуются по первому времени...

[_winnie]

А причем тут сеошники?
Роботы или тупые, и видят только html без JS, или же не отличимы от рендера браузера, и смотрят на страницу в отрендеренном виде. Промежуточные версии сделать даже сложнее :)

[lionet]

Гугл исполняет JS, причём наполовину, получая ровно что промежуточную версию. Ты отстал от жизни :)

[vsviridov]

Вы это гугловскому crawler-у расскажите :)

[selfmade]

Ага. Начиная с 13:31 до 14:10.

Клиент:
- Наш DOM НЕ ТРОЖЪ!
Анжелина:
- Да не, я сейчас быстренько на ShadowDOM налабаю.

Через полгода, другой консультант.

Клиент:
- Наш DOM и ShadowDOM НЕ ТРОЖЖЪЪ!
Другой консультант: ???
Другой консультант: ...
Другой консультант: Damn you, Анжелина!!!

[ostapru]

> Только не поддерживается нигде,

Ну раз на транке уже есть, то скоро в сафари/хроме уже будет, если ещё нет. А там и остальные подтянутся.

> и не будет работать в эксплорере ещё лет десять

http://msdn.microsoft.com/en-us/library/hh968259%28v=vs.85%29.aspx

Т.к. http://www.w3.org/TR/2012/WD-shadow-dom-20121016/

[lionet]

Что-то я не нашёл compatibility matrix про поддержу Shadow DOM в IE. У тебя есть такая инфа?

[ostapru]

Пока только в канвасах, насколько я понимаю. Но, я думаю, будут поддерживать, раз уж начали ;) Оне в хтмл5 сильно заинтересованы.
А насчёт compatibility matrix - откуда? Стандарт только сейчас принимается.
Он же и на вебките сейчас активно пишется:
https://trac.webkit.org/search?q=Glazkov
https://trac.webkit.org/search?q=Shadow+DOM&noquickjump=1&changeset=on&wiki=on

[lionet]

Не, я-то думал ты возражаешь на мои слова, говоря о том, что оно уже работает как надо. А раз нет, то это "твоё слово vs моё слово" - вот и посмотрим реально, когда оно выйдет в релизном осле.

[lev]

обьясните чайнику, как сделана анимация текста в ньюсе

[lionet]

CSS3

[lev]

догадываюсь что css, но похожей имплементации не нахожу

[ostapru]

А! Я плохо прочитал вопрос.
В принципе там сэмпл уже дали, но я бы сделал такую анимашку как поворот граней параллелепипеда.