Abr@X@bra.ru
Блог web-разработчика
CSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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