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

Grid сетка на каждый день

Выбор того, как обращаться с макетами и позиционированием контента, вероятно, является одним из первых решений, которые вы собираетесь предпринять при создании нового...
23.10.2018
85
CSS

Анимация свойства - content

16.10.2018
48
вёрстка, html

Элементы details и summary

Вам часто приходилось использовать JavaScript для создания виджета, показывающего и скрывающего какое-то содержимое? Возможно, для этого вы даже скачивали целую Java...
04.10.2018
45
object-fit, object-position, css

Обзор «object-fit» и «object-position»

Последнее время object-fit и object-position — мои любимые CSS-свойства. С ними разработчики могут управлять содержимым внутри img или video, подобно манипулированию...
04.10.2018
53
Единицы измерения vh, vw, vmin, vmax

Единицы измерения vh, vw, vmin, vmax

В CSS3 были добавлены новые относительные единицы измерения, такие как vh, vw, vmin, vmax. Эти единицы вычисляются относительно размеров окна браузера. Для настольны...
04.10.2018
47
css, scss, rem, em

REM vs EM – Великий спор

Представляю вашему вниманию перевод достаточно большой и объемной статьи по поводу вечного спора, какие же единицы измерения использовать при верстке: em'ы или rem'ы....
02.10.2018
63
CSS

Как работает CSS свойство nth-child и nth-of-type

:nth-child — один из моих самых любимых селекторов, потому что с помощью него можно делать клевые разноцветные штуки собирать элементы списка в группы произвольной длины...
26.09.2018
43
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
56
CSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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