Во фронтенде технологии меняются так быстро, что часть полезных фичей просто выпадает из поля зрения. Многие разработчики до сих пор не знают о некоторых нативных возможностях HTML и CSS, которые могут упростить код и избавить от костылей.
Что стоит вспомнить:
Атрибут form: связывает кнопку с формой, даже если она находится за ее пределами. Полезно для сложных layouts.
novalidate и formnovalidate: отключают встроенную валидацию браузера, при этом псевдоклассы
:valid и :invalid продолжают работать для кастомных стилей.Псевдокласс :lang(): стилизует элементы в зависимости от языка без дополнительных классов.
Свойство inset: короткая запись вместо
top: 0; right: 0; bottom: 0; left: 0;. Одна строка против четырех.Математические константы:
pi, e, infinity, NaN внутри calc() для более сложных вычислений в стилях.👉 https://habr.com/ru/companies/ruvds/articles/991142/