Слайдер сравнения изображений (до и после)

Здравствуйте, уважаемые читатели XoZbloga! Если вы посещаете mail.ru, раздел авто новостей, то наверняка видели там один замечательный эффект при сравнении двух изображений, когда одно изображение как бы перекрывает другое. Другими словами это слайдер сравнения изображений до и после. Для того чтобы реализовать подобный эффект есть множество способов и в этой статье опишу один из них. Будем использовать плагин jQuery — Twentytwenty, страница проекта здесь.

Вся правда о псевдоэлементах :before и :after

      CSS

Здравствуйте, уважаемые читатели XoZbloga! Рассмотрим сегодня псевдоэлементы, а именно разберемся с :before и :after. Что такое псевдоэлемент и как он отличается от псевдокласса? Как :before и :after реализованы в CSS? Вы наверняка видели их к примеру, в стилях уже готовых меню, но никогда не вдавались в подробности, для чего они нужны, а просто брали и использовали меню. Настало время расставить все по своим местам и научиться пользоваться псевдоэлементами самостоятельно.

10 советов по CSS для WEB-разработчика

      CSS

Здравствуйте, уважаемые читатели XoZbloga! Спустя месяц отдыха, я приступаю к новому, так сказать сезону в работе. Постараюсь радовать Вас хорошими статьями и уроками 🙂 Как и в любом другом деле, в веб-разработке есть свои тонкости. И чтобы достичь желаемого результата необходимо знать их. В этой статье дам 10 советов, которые могут помочь Вам при разработке стилей CSS.

LESS CSS: Меню в стиле Apple

      CSS

Здравствуйте, уважаемые читатели XoZbloga! Веб-дизайн и веб-разработка очень быстро развиваются. Мы каждый день видим все больше и больше новинок, будь то приложения или новые сервисы, которые делают нашу жизнь в сети более продуктивной и удобной. А веб-дизайн это просто безграничное пространство, ограниченное только талантом и умениями «художника» (дизайнера). Так вот, поговорим же мы сегодня о LESS — динамическом языке стилевой разметки, который упростит написание стилей CSS.

Простые стили для горизонтальных линий, тег <hr />

      CSS, HTML

Привет! А Вы пользуетесь горизонтальными линиями (т.е. тегами <hr />), при верстке сайта? Если да, то эта статья для Вас! Конечно при желании можно придумать и реализовать, достаточно интересные линии, которые будут подходить именно Вашему проекту и вписываться в общий дизайн! Вот несколько простых CSS правил для горизонтальных линий.

6 новых методов, которые должен знать каждый веб-разработчик.

      CSS, HTML

Веб-разработчики всегда должны совершенствовать свои знания и изучать новые техники программирования, если они хотят «идти в ногу» со временем. Сегодня, я собираюсь показать Вам 6 свежих методов веб-разработки, что определенно следует знать, или улучшать, если Вы их уже знаете.