Понимание и использование rem в CSS

Возможно, вы встречали термин «R.E.M.» когда слушали радио или магнитолу… Я к тому что есть такая музыкальная группа. Еще этой аббревиатурой названа одна из фаз сна (Rapid Eye Movement). В CSS rem означает «root em». И он позволит вам достичь гармоничного и сбалансированного дизайна.

В соответствии со спецификацией W3C определение для rem:

(далее…)

Адаптивный сайт — 3 простых шага

Адаптивный сайт

Сегодня сайт должен нормально отображаться не только на экране компьютера, но и на экранах планшета и телефона. Веб сайт отзывчив и приятен, если он может адаптироваться к экрану пользовательского устройства. Адаптивный веб-дизайн в настоящее время чрезвычайно важен и фактически является одной из техник, которую вы должны освоить как веб-разработчик или веб-дизайнер. В этой статье я покажу вам, как легко создать адаптивный сайт и как применять методы адаптивного дизайна на существующих веб-страницах за три простых шага.

(далее…)

CSS создаем диагональные макеты

Диагональные макеты CSS
Диагональные макеты CSS

Макеты с диагональными сечениями довольно популярны уже несколько лет. Это не новый тренд, и вы, вероятно, не найдете его в статьях под названием «Тенденции дизайна на 2020 год». Но я думаю,диагональные макеты в дизайне вашего сайта будут к месту. Это один из инструментов, который дизайнеры могут использовать, чтобы придать динамику всем прямоугольным прямоугольникам со скучными углами в 90 градусов.

(далее…)

Размер блока или области с помощью другого CSS

Определение размеров блоков или областей с использованием пользовательских свойств CSS

Одна из многих проблем, когда речь идет о написании CSS, — это выбор правильной единицы. На протяжении многих лет было много споров, использовать ли px, em или rem для определения размера текста. Поэтому я подумал, почему бы не добавить некоторые пользовательские свойства к этой смеси и посмотреть, куда она нас приведет. Чтобы не усложнять вещи и быстро перейти к сути, я сначала опишу свой текущий подход, когда дело доходит до обработки размеров шрифта. Во второй части я расскажу о некоторых пользовательских свойствах.

(далее…)