В последние годы на страницах интернет-магазинов и в печатных изданиях при указании цены какого-либо товара часто можно видеть символ рубля. Не смотря на то, что до декабря 2013 года в России этот символ официально не был утвержден, это не мешало дизайнерам использовать его в своих работах. В этой заметке мне хотелось бы рассказать о двух способах размещения этого знака на веб-страницах.

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

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

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

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

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