20 июня 2011
Сегодня речь пойдет о сервисе css lint. Его назначение — проверка css с целью выявления логических ошибок, неэффективных конструкций и возможностей оптимизации.
Aimweb.name Целевые решения в web-разработке. Новое в HTML5 CSS3
CSS Lint — «умный» валидатор css
CSS transform кроссбраузерно
11 июня 2011
Свойство CSS transform позволяет манипулировать блоками, поворачивая, искажая или масштабируя их без использования Flash или JavaScript. К сожалению, браузер IE 8 и его более ранние версии не поддерживают CSS-трансформации. Но подобного эффекта можно достичь с помощью фильтра Matrix.
Старый знакомый — CSS word-wrap: break-word и вертикальный текст
27 мая 2011
Свойство css word-wrap указывает, переносить ли длинное слово, если оно не вмещается по ширине в заданную область.
Поддерживается в браузерах IE6+, Opera 10.5+, Firefox 3.6+, Chrome, Safari. Примеры использования в статье.
CSS transform: scale или как отразить элемент по горизонтали/вертикали
26 мая 2011
Как-то раз у меня интересовались, как отразить изображение на css по горизонтали. Для кроссбраузерного отражения элемента совсем необязательно прибегать к помощи jS:
.flip-horizontal{
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}
О сбросе CSS (CSS reset)
7 февраля 2011
Лучший CSS-reset — свой собственный.