Josh W. Comeau: CSS-функции и фигурные углы — каким будет CSS в 2027 году
The Future of CSS

Josh W. Comeau разбирает 10 функций, которые он поддержал в голосовании Interop 2027. Среди них — пользовательские функции @function, свойство corner-shape для скруглений и фаски, border-shape для произвольных границ, anchored container queries, функция inherit() и scroll-triggered анимации. Многие уже работают в Chrome и Edge, а если попадут в Interop, то быстро появятся во всех браузерах.
Это кажется мне почти научной фантастикой, но это уже реализовано в браузерах Chromium, и если это добавят в Interop 2027, я думаю, есть очень хорошие шансы, что это станет широко доступным скорее раньше, чем позже!
- paczki
Как человек, который активно старается по возможности придерживаться написания vanilla HTML/CSS/JS, честно говоря, трудно объяснить людям, которые пишут только внутри фреймворков, насколько всё стало хорошо. Конечно, используйте подходящий инструмент для задачи, но это вызывает радость!
- fodkodrasz
Ух ты, ещё более навороченные стили границ! Бесконечная сложность ради бесполезной мишуры. Датапикеры всё ещё едва работают; в прошлый раз, когда мне нужно было построить оптимизированный под сенсорный ввод интерфейс (перчатки, промышленная среда) с датапикером, таймпикером и числовыми полями ввода в стиле up/down, потребовались кастомные компоненты и js...
Но кому это нужно, когда у нас могут быть фаски и прочее...
Кому нужны способы надёжно вызвать показ нативного для сенсорной платформы клавиатуры, получить уведомление о том, что она показана, и сдвинуть поле ввода в видимую область, чтобы его не перекрывала клавиатура?
Вот почему веб — ужасная платформа по сравнению с Windows Forms для того, чтобы делать дела. Потому что те, кто создаёт стандарты, работают только над созданием фишек.
- CharlesW
Поскольку я успел до негатива: я люблю CSS! По какой-то причине он всегда был мне понятен. Я испытываю огромное уважение ко всем, у кого хватает упорства продвигать улучшения, которые могут занять 5–10 лет, прежде чем войти в широкое употребление, если вообще войдут.
- 4b11b4
Приятно видеть, что Джош пишет, особенно после того, как его курсы так пострадали. Он превосходен. Как инженер-электрик, а теперь ещё и выпускник по CS, и человек, который купил его курсы, желая уметь работать по всему стеку.. но при этом также подумал «слава богу, мне теперь реально не нужно учить css» (да, из-за растущей производительности моделей).
К слову, я, возможно, знаю ровно столько, чтобы быть опасным, благодаря Джошу (колдую заклинания: например, не стоит ли сгруппировать это в отдельный контейнер, а внутри этого контейнера не должен ли это быть flex box?). Полагаю, я здесь, чтобы сказать, что люди полны противоречий.
- afavour
Я часть, похоже, меньшинства, которому действительно нравится работать с CSS. И то, как я использую его сегодня, сильно отличается от того, как я делал это несколько лет назад, например CSS modules, объявление палитры через переменные и затем изменение её для тёмного режима… с ним по-настоящему приятно работать.
- markasoftware
Я знаю, что этот пост не о вайбкодинге фронтендов, НО...
Многие мои коллеги и друзья радуются, что им больше не нужно писать фронтенды. Я же на самом деле считаю, что фронтенды — это последнее, что стоит вайбкодить. Это часть, обращённая к пользователю. Это то, что помогает пользователю сформировать первое впечатление о вашем продукте. Если ваша лендинг-страница выглядит так, будто её сделал Claude за 30 секунд, они решат, что и остальной ваш продукт такой же. Используйте помощь ИИ на тех частях вашей кодовой базы, где важна только голая функциональность (например, бэкенд), а в фронтенд вкладывайте настоящие человеческие усилия и заботу, отражающие усилия, вложенные в остальную систему.
- watersb
Обсуждение здесь напомнило мне одну из моих любимых демок: кто-то вживую кодит Qt5 и QML на Raspberry Pi первого поколения, 1080p HDMI. Своего рода смесь CSS и JavaScript для простых шейдеров. Четырнадцать лет назад.
https://youtu.be/0j-Wakm5B84?is=7dU_EvFyk_nQNwjO
Это как взгляд в будущее CSS из другой временной линии. То, что у нас могло бы быть.
- alberth
Может, я один такой, но все эти предложения, кажется, делают CSS излишне сложным (или больше похожим на JS).
Особенно функции.
Мне это напоминает предыдущий пост автора, который написал 100 тысяч строк кода для своего блога.