Для многоязычных сайтов, часто нужно переопределить стили блоков для определенной локали. Раньше я добавлял класс с названием языка тегу body или определял язык через [lang=en].
Сегодня наткнулся на способ получше — псевдокласс :lang. Так если на странице у тега html установлен атрибут lang=ru, то стили для блока .example переопределит код:
.example:lang(ru) {
/* стили для русской локали */
}
Поддержка IE7+, подробнее на caniuse
Еше можно подписаться на email рассылку новых заметок. Не чаще раза в неделю, без спама.
Простые способы для ES5 и ES2015
Как взять ширину элемента без округления значений до целых чисел без jQuery.
Дайджест ссылок для разработчиков интерфейсов и frontend разработчиков. 3D прогресс бар, БЭМ, CSS матрицы, SVG логотипы, Vivaldi, Bootstrap, Canvas, шпаргалка, Electron...
Как сделать анимацию высоты в CSS со значением auto через transition? Легко и без единой строчки javascript. Подробнее читайте в этой статье.