?

Log in

No account? Create an account
tech

CSS и яндекс

Яндекс устроил себе новую верстку и применил интересный прием.

При количестве блоков измеряемом тысячами, традиционная практика работы с селекторами CSS приводит к медленной работе. Поэтому для каждого вида блоков делают отдельный стиль. Т.е. Вместо

.b-my-block .title a {....}


Делается

.b-my-block__title__a {....} /*Двойное подчеркивание — признак того, что это элемент блока*/


Такая верстка потом прогоняется через конвертор, и все классы заменяются на двухбуквенные псевдонимы. Например:

<class="ac">
Tags: ,

Comments

какой тогда смысл в классах? сразу стиль на id вешать и вуаля
id должен быть уникален.
Классы для стилей, id для JS (если надо)
яндекс пиарицо
Оно в IE6 и дает прирост в скорости. Но они не показали честный график на сколько у них раздулся html и css, если бы они делали верстку классическим каскадом.
Одно радует, забыли наконец про глобальные резет. Поняли что это плохо :)
вообще хорошо бы показать такой замер.

а вот почему от глобал ресет это плохо? А то что-то я пропустил кажется :) Вроде в CSS-фреймворках обязательно он есть.