Согласно последним исследованиям производительности веб-интерфейсов, более 45% задержек при первом рендеринге страницы (First Contentful Paint) связаны с избыточно сложным деревом CSSOM. Проблема не в количестве стилей, а в том, как браузер обрабатывает Css селекторы. В моей практике часто встречались проекты, где замена вложенных конструкций на плоскую структуру сокращала время пересчета стилей на 120-150 мс. Эта статья предназначена для профессиональных разработчиков и амбициозных новичков, стремящихся понять внутреннюю логику работы движков Blink и Gecko...

Источник: Nuances of Programming Поле ввода HTML  —  простой и удобный элемент. Оно содержит более 30 вариантов атрибутов и является одним из самых надежных и заслуживающих изучения HTML-тегов. Поскольку пользователи постоянно взаимодействуют с полями на странице, приходится прилагать множество усилий, чтобы сделать их максимально удобными. Однако по ходу дела могут возникнуть различные сложности. Базовая разметка Помечать поля  —  отличная CSS-практика. В статье мы будем использовать вложенное...