10 примеров использования LESS для вашего сайта
LESS, Sass и другие CSS-препроцессоры — отличный способ для разработчика расширить возможности CSS. Переменные, операции с цветами, примеси (mixins) и многие другие инструменты LESS помогут разработчику почувствовать выгоду от написания меньшего количества кода при достижении равноценных результатов (без использования LESS).
Современный способ CSS замены текста изображениями заменяющий метод -9999px
Замена текста картинками применяется в процессе верстки макетов уже очень долгое время. Причина этого в том, что в начале 2000-х годов разработчики могли использовать на веб-страницах довольно ограниченное количество шрифтов. В основном это были «стандартные» шрифты, например, Verdana или Georgia. Для того чтобы как-то «оживить» страничку, веб-мастера создавали в графическом редакторе изображение с надписью каким-то «нестандартным» шрифтом и размещали его в качестве фона элемента (например, заголовка) на странице, а текстовое содержимое «прятали».
Тень внутри блока средствами CSS
В этой заметке мне хотелось бы описать один интересный эффект – создание тени внутри блока. На самом деле это не очень сложно, не отнимает много сил и не занимает много времени.
Используем нестандартные шрифты на сайте
Нестандартные шрифты на современных сайтах используются все чаще и чаще. Благодаря им страницы выглядят живее и интересней. Из этой заметки читатель сможет узнать, как можно использовать нестандартные шрифты на сайте: откуда их можно загрузить, какой формат выбрать и как подключить их к страницам своего сайта. Однако, нужно помнить, что использование исключительно нестандартных шрифтов на сайте увеличивает время загрузки страниц, поэтому разработчику нужно знать меру и наряду с нестандартными использовать стандартные шрифты для сайта.
Плавное перемещение между блокам на веб-странице
Как правило при создании посадочных страниц (landing pages), на них размещается довольно много информации. Я нашел довольно удобный способ навигации по landing page, о чем и расскажу в этой статье.