Языки программирования

Экосистема CSS в центре внимания

Экосистема CSS в центре внимания

Опубликовано издание State of CSS за 2024 год, которое показывает, что новейшие возможности языка CSS дают ему возможность...

Хотя мы впервые сообщаем о нем, этот опрос был инициирован в 2019 году, и это уже шестое его издание. На этот раз в нем приняли участие 9 704 разработчика по всему миру, а самыми многочисленными демографическими группами стали США (17 %) и Германия (9 %).

Пиковая возрастная группа респондентов - 30-39 лет - составила 42 %, а с точки зрения опыта 46 % заявили, что используют его от 5 до 14 лет. 2 % заявили, что используют его более 30 лет, то есть, видимо, с тех пор, как он был предложен в 1994 году Хоконом Виум Ли, через три года после того, как HTML был изобретен в 1991 году Тимом Бернерсом-Ли.

На вопрос, для чего они используют CSS, неудивительно, что подавляющее большинство, 85 %, выбрали веб-приложения, на втором месте - блоги или другие сайты с большим количеством текста (48 %), за ними следуют маркетинговые сайты и целевые страницы (45 %):

По словам Саши Грейфа, соавтора и ведущего этого опроса, а также более давнего исследования State of JavaScript, о котором мы сообщали с 2017 года, CSS достиг важного этапа в своем развитии. В предисловии к книге The State of CSS 2024 он пишет:

Позвольте мне сделать предсказание: мы будем вспоминать 2024 год как переломный момент между «классическим CSS» и «новым CSS».

CSS Classic - это то, как большинство из нас писали CSS годами: используя ограниченный набор функций и компенсируя ограничения языка с помощью внешних инструментов, таких как библиотеки, пре- и постпроцессоры и строгие методологии.

С другой стороны, новый CSS - это подход, который использует Subgrid, :has(), переменные, контейнерные запросы и множество новых и интересных возможностей CSS, появившихся в последние годы, чтобы не только отказаться от дополнительных инструментов, но и начать решать задачи, которые раньше требовали сложных обходных путей JavaScript.

В разделе «Особенности» отчета он отмечает, что из-за рекордной скорости добавления новых возможностей CSS в этом году в исследовании были заданы вопросы о 50 из них.

Для каждой функции респондентов спрашивали об их опыте использования с тремя вариантами ответа: использовал; слышал о ней, но не использовал; никогда не слышал о ней. На диаграмме ниже эти варианты показаны темно-бирюзовым, светло-бирюзовым и серым цветом соответственно.

График отсортирован по настроениям следующим образом:

  • Позитивные (тонкая зеленая нижняя полоса): Респонденты, которые заинтересованы в получении дополнительной информации о технологии или готовы использовать ее снова.
  • Нейтральные (прозрачный нижний столбик): Респонденты, которые не высказали никаких чувств по поводу технологии.
  • Негатив (красная нижняя полоса): Респонденты, которые не заинтересованы в получении дополнительной информации о технологии или уже использовали ее и получили негативный опыт.

Эффекты фильтров (размытие(), контраст() и т. д.) стали неожиданно самой используемой функцией CSS в 2024 году: 75,4 % респондентов использовали их; селектор :has() занял второе место с 72,8 %. С другой стороны, при ранжировании по настроению Subgrid оказалась самой любимой функцией: 51,5 % респондентов готовы использовать ее снова. Наименее используемая функция? Не кто иной, как висячая пунктуация: 84,7 % респондентов даже не слышали о ней!

О других функциях читайте в отчете. К счастью, при нажатии на название функции открывается информационная панель с фрагментом кода, демонстрирующим ее использование, ссылками на MDN и CanIUse и информацией от Baseline о том, когда она была представлена и поддерживается четырьмя основными браузерами.

Для еще большей помощи опрос позволяет сохранить элементы, о которых вы хотите узнать больше после завершения опроса, в списке для чтения и в примечаниях к отчету:

Не случайно наименее известная функция, висячая пунктуация, также возглавила наш список для чтения как элемент, который разработчики сохранили больше всего!

На самом деле 1 712 респондентов хотели бы узнать больше об этой функции.

Как и в опросе по JavaScript, были заданы вопросы о том, какие библиотеки и инструменты используют респонденты, и в случае фреймворков именно Tailwind CSS опередил других, более традиционных, конкурентов:

Что касается браузеров, то здесь доминирует Chrome, но приятно видеть, что Firefox используют более половины респондентов:

В отчете отмечается:

В то время как большая четверка браузеров доминирует на этом графике, Arc постепенно поднимается вверх в рейтинге браузеров, увеличивая свое использование с 7,8 до 12 % в годовом исчислении.

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

Как и его аналоги на JavaScript и HTML, это хорошо продуманное и хорошо представленное исследование. Также открыт опрос State of React 2024, так что если вы используете React в своей работе, в качестве студента или просто для развлечения, загляните в него и присоединяйтесь, чтобы высказать свое мнение.

Читайте также