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

Ни для кого не секрет, что с помощью CSS свойств list-style можно задать стиль маркеров у маркированного списка. С нумерованными списками не все так просто. Как известно до маркеров в нумерованных списках никак не «доберешься» с помощью правил CSS. Конечно, можно отображать номера элементов в виде римских цифр или букв латинского алфавита (устанавливая различные значения атрибута type элемента ol или значение свойства list-style-type), но увеличить их размер или поменять цвет стандартными правилами CSS невозможно. В связи с этим, речь в этой заметке пойдет об оформлении нумерованных списков, а именно о замене стандартных маркеров у элементов таких списков.

Текст с обводкой на страницах сайта порой выглядит очень интересно и привлекательно. Обычно такие надписи размещаются на сайте в виде графического изображения. Но есть способ лучше, когда обводка реализуется при помощи CSS. Я сам недавно узнал о таком способе и решил написать о нем пару строк, тем более что способ простой и написать больше не получится ☺

CSS3 предоставляет дизайнерам много новых правил и модулей (таких как CSS Animations и CSS Transitions ), которые позволяют им добавлять в макеты интересные интерактивные эффекты.

Если вы хотите получить пользу от современных возможностей CSS, самым правильным путем будет использование (или изучение) библиотек CSS эффектов. Позвольте познакомить вас с несколькими из них. Все библиотеки, описанные в статье предоставляются с открытым исходным кодом. Они могут пригодиться вам при разработке актуальных интерфейсов в ваших проектах.

LESS, Sass и другие CSS-препроцессоры — отличный способ для разработчика расширить возможности CSS. Переменные, операции с цветами, примеси (mixins) и многие другие инструменты LESS помогут разработчику почувствовать выгоду от написания меньшего количества кода при достижении равноценных результатов (без использования LESS).