За последние 3-4 года в HTML и CSS появилось множество новых возможностей и технологий. Некоторые из них, которые стоит изучить, если вы переключились на дизайн:
1. Flexbox: это мощная технология для создания гибких макетов. Она позволяет легко управлять порядком, выравниванием и размерами элементов на странице.
2. Grid: это еще более мощная технология для создания сеточных макетов. Она позволяет создавать сложные и гибкие структуры, а также контролировать порядок элементов на странице.
3. CSS переменные: это позволяет определять и использовать переменные непосредственно в CSS. Это упрощает поддержку и изменение стилей, так как можно обновить значение переменной и все соответствующие элементы будут автоматически изменены.
4. CSS Grid Layout: это более мощная версия сетки, которая предоставляет более гибкий контроль над размещением элементов. Она позволяет размещать элементы вдоль как горизонтальных, так и вертикальных осях.
5. CSS анимации и переходы: эти функции позволяют создавать плавные анимации и переходы между различными состояниями элементов. Они добавляют веб-сайту динамические и интерактивные элементы.
6. CSS гриды элементов: это компоненты, которые позволяют создавать множество элементов, размещенных в сетчатом стиле, аналогично гридам, но с возможностью задания конкретного количества столбцов и строк.
7. Media queries: это позволяет создавать отзывчивые макеты, которые могут адаптироваться к различным размерам экранов и устройствам. Вы можете настраивать стили для разных разрешений экрана, чтобы улучшить опыт пользователей.
Конечно, это только некоторые из новых возможностей и технологий. Рекомендуется изучить их, чтобы обновить свои навыки и улучшить свою продуктивность в дизайне веб-сайтов.