Abr@X@bra.ru
CSS, EN

CSS: цветные нумерации списков ul ol - EN

Ever wanted to make a list with the bullets a different color than the text, like in this example?
18.09.2018
14
CSS

Геометрические фигуры на CSS

Подборка, как нарисовать различные геометрические фигуры одним элементом HTML.
16.09.2018
22
CSS

Стилизация checkbox и radio на CSS

Если вам требуется изменить внешний вид checkbox или radio-кнопок без использования JavaScript, то данная статья это то что вам нужно.
16.09.2018
27
CSS

Улучшенные эффекты с режимом смешивания фоновых слоев в CSS

Если одна картина заслуживает тысячи слов, то смешение двух картин заслуживает гораздо большего. Точно так же, возможности дизайна, которые открываются с появлением ...
16.09.2018
18
CSS

Определяем проблемы css-кода по запаху с Робином Рендлом

Многие разработчики жалуются на CSS. Этот каскад! В языке есть много странных вещей, особенно если вы лучше знакомы с языками программирования вроде JavaScript, ...
21.11.2017
293
CSS, FORM

Расширенный CSS для элементов форм

Стилизовать формы с помощью CSS всегда то еще занятие, но есть ряд малоиспользуемых селекторов, которые дают нам значительную силу. Некоторые из них относительно нов...
07.11.2017
1146
CSS

Css эффект - разорванный текст

В данном посте, хочу поделиться, как можно сделать очень интересный эффект - разорванного текста с помощью CSS.
25.10.2017
741
CSS Grid, CSS

Часть 1. Делаем сетку на CSS Grid

CSS Grid Layout полностью меняет игру для веб-дизайна. Это позволяет нам создавать сложные макеты с помощью CSS. Давайте перейдем к созданию нашей первой сетки с пом...
19.10.2017
3496
CSS, SVG, Анимация

Анимированный прелоадер на CSS

В данном посте, хочу рассказать как можно сделать классный прелоадер для сайта на чистом CSS.  
10.10.2017
1061
CSS, font-display

CSS font-display: будущее рендеринга шрифтов

Одним из недостатков использования веб-шрифтов является то, что если шрифт не доступен на устройстве пользователя, его необходимо загрузить. Это означает, что до тог...
27.09.2017
561
CSS, CSS Grid

CSS Grid идеально подходит для адаптивной верстки

Я думаю, что вы уже в курсе, что Grid превосходит Flexbox для создание макетов. Но как насчет адаптивных макетов? Что лучше использовать Flexbox или Grid?
19.09.2017
1681
CSS, Javascript

Изменяем CSS переменные через JS

SASS-переменные с нами уже давно. Они позволяют задать переменную один раз во время выполнения (runtime) и использовать ее в нескольких местах. Уровень крутости — 3....
16.09.2017
1135
CSS, CSS Grid

Что может поломать макет на гридах (CSS Grid Layout)

Два способа поломать CSS-гриды, и как их починить
08.09.2017
457
Мастер-класс, html, css

Мастер-класс: верстаем обложку для известного журнала

Хочу поделиться как можно сделать очень красивую, интерактивную обложку, которая реагирует на движение мыши.
05.09.2017
244
CSS

Как с помощью CSS сделать эффект матового стекла?

В данном посте расскажу как сделать с помощью CSS, эффект матового стекла.
23.07.2017
5023
CSS Grid, CSS

CSS Grid, подробное руководство по гридам с примерами

Это руководство было создано как ресурс, который поможет вам лучше понять и изучить Grid CSS, и было организовано таким образом, который, как мне показалось, имеет н...
25.05.2017
9128
CSS, SASS

Псевдокласс Nth-child vs nth-of-type

Селектора nth-child () и nth-of-type () являются «структурными псевдоклассами», которые позволяют нам выбирать элементы на основе информации в дереве...
17.05.2017
248
SASS, CSS

Как правильно работать с Sass

Написание SASS во вложенном формате является хорошей практикой из-за улучшения организации проекта.
17.05.2017
777
CSS

3 новых CSS-функции для изучения в 2017 году

В этом посте, поговорить хочу про CSS, а если быть точнее про новые его фишки которые стоить знать.
16.05.2017
1078