Последний раз верстал в 2019 году и ушел в дизайн. Что нового появилось в html/css за 3-4 года что нужно подучить?

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

1. CSS Grid и Flexbox: CSS Grid и Flexbox - это две мощные технологии для создания адаптивного и гибкого макета веб-страниц. С помощью них вы можете легко управлять расположением элементов на странице и создавать сложные макеты без необходимости использования сложных CSS или JavaScript.

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
 
.item {
  grid-column: span 2;
}

2. CSS Variables: Переменные CSS позволяют создавать глобальные переменные для использования в вашем CSS. Это упрощает стилизацию и облегчает изменение дизайна вашего сайта.

:root {
  --main-color: #ff0000;
}
 
.element {
  color: var(--main-color);
}

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

.element {
  transition: transform 0.3s ease-in-out;
}
 
.element:hover {
  transform: scale(1.2);
}

4. Responsive Web Design: Адаптивный веб-дизайн становится все более важным, поэтому изучение медиазапросов и техник создания адаптивных макетов поможет вашему сайту выглядеть хорошо на любом устройстве.

@media screen and (max-width: 768px) {
  .element {
    width: 100%;
  }
}

5. CSS Grid и Flexbox: CSS Grid и Flexbox - это две мощные технологии для создания адаптивного и гибкого макета веб-страниц. С помощью них вы можете легко управлять расположением элементов на странице и создавать сложные макеты без необходимости использования сложных CSS или JavaScript.

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
 
.item {
  grid-column: span 2;
}

Изучение этих и других новых возможностей в HTML и CSS поможет вам создавать современные и креативные веб-сайты, которые будут привлекать внимание пользователей и оставаться актуальными в быстро меняющемся мире веб-технологий.