Тег: разработка

Почему дизайнеры должны перейти с px на rem (и как это сделать в Figma)

1_L0jtcMWvl4YtFV7KB5-xlg.jpeg

Скорее всего, вы с удовольствием использовали пиксели (px) в Sketch и Figma, не задумываясь об этом. Это то, что стоит в этих программах по-умолчанию и прекрасно работает. Тем более все еще распространена практика pixel perfect, которая так удачно накладывается на пиксели.

22 октября 2022
1.7 тыс.
21 мин

Центрирование в CSS

Использование flex для центрирования в CSS - это, пожалуй, самый правильный вариант сегодня.

.gentle-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
}

Но это далеко не единственный вариант.

Давайте представим, что вам необходимо выровнять по горизонтали несколько inline-* элементов. text-align: center; сделает это буквально в одну строку.

See the Pen Centering Inline Elements by Chris Coyier (@chriscoyier) on CodePen.

А что, если вам надо отцентрировать эти же элементы относительно родительского элемента? Это легко сделать с помощью width: fit-content для родительского контейнера.

See the Pen Centering Unknown Width Parent by Chris Coyier (@chriscoyier) on CodePen.

03 января 2021
1.7 тыс.
1 мин

Веб-приложения | Лекция 5 | Web-разработка для начинающих

Что такое веб-приложение? Какие его основные признаки? Чем веб-приложение отличается от веб-сайта?

Это пятая лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.

Репозиторий с презентациями и домашними заданиями: https://github.com/larchanka/web-dev-remind

22 июля 2020
2.2 тыс.
13 сек
« Назад
Вперед »