У меня есть программа менторства.
— Помогаю подружиться с CSS, если для вас он непонятная херня;
— Подготавливаю вас к вопросам по CSS так, что будете знать больше, чем интервьюер на собеседовании;
— Проведу код-ревью и покажу, где сделано так себе;
— Иногда берусь реализовывать ваши идеи.

Платить нужно дохера. Без результата не уйдете. Если случится так, что не смогу помочь, деньги верну. Пишите @melnik909

Это пример кейса из моего чеклиста "HTML и CSS техники для улучшения UI/UX".

Я собрал 16 кейсов, помогающие пользователям меньше страдать. Техники можно применять на любом стеке и с любым опытом. Я специально не замудривал.

В общем, если вы хотите улучшить UI/UX ваших интерфейсов, напишите мне @melnik909. Отправлю вам чеклист взамен на ваши деньги.

Определяйте только то, что вам нужно определить

Кто-то сделал так

.hero {
  background: #e1bfe9;
  /*
    background-color: #e1bfe9;
    background-image: initial
    background-size: initial
    и оставшиеся background-* свойства
  */
}

Я предлагаю делать так

.hero {
  background-color: #e1bfe9;
}

Есть отличный способ написать масштабируемый CSS. Не определяйте то, что не нужно. Если вам нужно определить цвет фона, сделайте это с помощью background-color, а не с помощью background.

21.07.2025 закроется доступ к каналу. Вы можете продолжить читать контент. Для этого купите доступ к закрытой части канала, где есть неопубликованный контент.

Пожалуйста, напишите мне @melnik909. Я расскажу, как оплатить.

display: block не нужен для ::before или ::after внутри элемента с display: grid

Кто-то сделал так

.parent {
  display: grid /* или inline-grid */
}
.parent::before {
  content: "";
  display: block;
}

Я предлагаю делать так

.parent {
  display: grid /* или inline-grid */
}
.parent::before {
  content: "";
}

Вы привыкли определять display: block для ::before или ::after? Друзья, нет необходимости делать так, если вы определяете display: grid или display: inline-grid для родительского элемента. Браузеры делают это сами.

У нас пополнение. Пришли новенькие. Спасибо, что вы здесь!

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

Фидбек, критику, похвалу, вопросы и предложения можно писать мне @melnik909. Всех жду!

К слову о поддержке.

Вы сохраните доступ к каналу, купив его закрытую часть, где есть неопубликованный контент. У меня там 55 постов.

Напишите мне @melnik909. Расскажу, как оплатить.

Пришло время использовать новый способ центрирования элементов с position: absolute

Кто-то сделал так

.parent {
  position: relative;
}
.parent::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Я предлагаю делать так

.parent {
  display: grid;
  place-items: center;
}
.parent::before {
  content: "";
  position: absolute;
}

Все еще используете сниппет для центрального элемента с position: absolute с использованием transform(-50%, -50%)? Пришло время использовать новую альтернативу! Познакомьтесь с place-items: center.