CSS

Новые посты

Пять полезных CSS селекторов

27.08.2015CSS1337

Помимо обычных селекторов тегов, потомков, классов и id селекторов, CSS располагает псевдо-классами, селекторы которых позволяют оформить HTML теги на основе их позиции в документе

Почему стоит использовать LESS при верстке сайта?

27.08.2015CSS1158

Очень долгое время я использовал при верстке сайтов только голый CSS. Но с опытом становится очевидно, что стандартный CSS пожирает очень много времени и внимания, а зачастую представляет из себя мусорную корзину, где один класс наслаивается

Пример использования LESS при верстке сайта

27.08.2015CSS948

Здесь, я рассмотрю несколько полезных фич на LESS, их можно вынести в отдельный файл и подключать к своим проектам

Создание эффекта стопки бумаги с использованием CSS3

08.07.2015CSS964

Не должно удивлять, что псевдоэлементы :before и :after используются для создания нижних страниц. Они повернуты с помощью свойств трансформации, чтобы стопка выглядела неровно. Эффект работает в браузерах Chrome, Safari, Firefox, Internet Explorer от версии 10 и Opera, как в старых версиях на движке Presto, так и в новых на движке Webkit

Как нужно правильно верстать (полезные советы)

06.07.2015CSS819

В этом уроке вы узнаете много нового и интересного о правильной верстке. Много полезных материалов в подборке и советов

Горизонтальное разворачивающееся меню на CSS с помощью псевдокласса :target

03.07.2015CSS791

С помощью псевдокласса :target можно создать очень многое, например, интересные интерактивные элементы, которые раньше требовали сложных скриптов JavaScript. Мы уже создавали переключение между вкладками и вертикальное разворачивающееся меню. В этом уроке мы расскажем о создании горизонтального разворачивающегося меню с помощью той же разметки HTML5

Конические CSS градиенты - уже сегодня!

30.06.2015CSS506

Конечно, спецификация еще довольно «сырая», но не из-за этого конические градиенты не получили поддержки. Бывали экспериментальные реализации и куда хуже описанных функций. Причина, по которой конические градиенты всё ещё не реализованы — мало разработчиков знают о них, поэтому браузеры не видят в них нужды

Разработка интерактивной демонстрации при помощи контуров обрезки в CSS

14.06.2015CSS1032

Эта статья рассматривает то, что вдохновило меня на проект, и то, как строились различные его части, и я расскажу, как вы можете использовать эту сильно недооценённую строку CSS в собственных проектах

Создание вертикального разворачивающегося меню

14.06.2015CSS494

С помощью псевдокласса :target можно создать многое, например, переключение между вкладками с использованием только CSS3. Одним из главных преимуществ кода CSS является то, что можно задавать любые стили коду HTML

Flexbox на примере игрального кубика

09.06.2015CSS1088

Что если бы вы могли построить сложный css лейаут в считанные минуты? Flexbox — это новый лейаут CSS верстки, который позволяет легко построить динамические макеты

Как растянуть элементы в блоках, на полную ширину окна браузера

04.06.2015CSS1498

Как растянуть элементы, находящиеся в блоках, на полную ширину окна браузера, используя при этом CSS

Как создать светящуюся ссылку с помощью CSS

25.05.2015CSS582

В этом уроке мы создадим анимированные светящиеся ссылки. Тень текста - это многогранное свойство CSS3, которое поддерживается в браузерах без приставок производителей

Простые кроссбраузерные текстовые маски при помощи режимов наложения

20.05.2015CSS504

После экспериментирования с режимами наложения, я понял, что можно воспользоваться ими, чтобы создать маски обрезки по тексту, сделав «бутерброд» из текста и фоновых изображений

Фоновая сетка на чистом CSS

15.05.2015CSS973

Пример фоновой разметки на чистом CSS. Возможно этот прием разметки будет вам полезен в ваших проектах

Эффекты текста при наведении

15.05.2015CSS822

В этом материале вы можете просмотреть демо и скачать интересные эффекты при наведении на текст