Посилання на секціюУсі функції
Серед усіх функцій в опитуванні :has() є і найуживанішою, і найбільш улюбленою. Також варто відзначити: вкладена сітка посіла друге місце в рейтингу найулюбленіших функцій, тимчасом як aspect-ratio є другим за використанням і третім за ставленням користувачів.
Одразу після вкладеної сітки найбільше коментарів отримав line-clamp — і багато з них від респондентів із негативним ставленням до нього.
Найменш використовуваними виявилися sibling-count та sibling-index, що логічно, адже їхнє підтримання браузерами недавнє й обмежене. А найменш улюбленими загалом стали тригонометричні функції… без сумніву, через слово "тригонометрія"!
Нарешті, обов'язково застосуйте фільтр Статус бази сумісності: "Широко доступно", щоб дізнатися, які функції можна використати вже сьогодні!
Категорія:
Статус бази сумісності:
Групувати за:
Сортувати за:
Досвід
- Використовував(-ла): Респонденти, які це використовували.
- Чув(-ла) про це: Респонденти, які чули про це, але не використовували.
- Вперше чую: Респонденти, які не чули про це.
Ставлення
- Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
- Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
- Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
Посилання на секціюФункції з часом
Якщо подивитися на тенденції з часом і в контексті, вимальовується доволі цікава картина. Функцією з найбільшим приростом використання за рік стала text-wrap: pretty, а з найбільшим зростанням впізнаваності — light-dark().
Зі свого боку колірні функції вирізняються тим, що займають нижні позиції за використанням, що може означати, що вони ще не знайшли свою аудиторію.
Нарешті, вкладка "Схвалення" дає змогу побачити різницю у позитивному сприйнятті між тими, хто цікавився функцією, і тими, хто направду її використовував. Наприклад, якірне позиціонування демонструє падіння до -12%, що може означати, що API є менш зручним, ніж очікувалося.
Мій вибір 2025: Генератор функції плавності linear()
linear() дуже швидко стала однією з моїх найулюбленіших сучасних функцій, а цей чудовий інструмент дає змогу легко й швидко генерувати "пружинки" (springs) у CSS із JS-логіки!Josh W. Comeau
Посилання на секціюПроблеми компонування
Хоч сітка є безсумнівно потужною, ця потужність супроводжується стрімкою кривою навчання, яка може перетворити використання цієї комплексної функції на справжню проблему.
Далі в рейтингу — робота з висотою, переповненням, позиціонуванням і вирівнюванням, які досі є поширеними викликами для CSS-розробників.
Посилання на секціюПроблеми форми та графіки
Тепер, коли більш-менш освоїли прямокутники, ми почали звертати увагу на ширший світ трикутників, кіл і багатокутників. На жаль, малювання цих складних фігур досі залишається непростим завданням у разі використання самого лиш CSS.
Тому багато хто з нас вдається до SVG — утім він теж не без перешкод.
Посилання на секціюПроблеми кольорів
Багато респондентів хотіли б, щоб CSS вийшов за межі дихотомії світлого/темного режимів і надав більше інструментів для повноцінного управління темами, а також краще забезпечував належний контраст під час вибору кольорів.
І хоч нові колірні простори, як-от oklch(), справді дивовижні, вони тако само мають свої проблеми.
Посилання на секціюПроблеми взаємодії
Поки багато хто з нас чекає на краще підтримання анімацій, керованих гортанням, інші звертають увагу на потенційні проблеми доступності нових шаблонів взаємодії, наприклад, каруселей.
Ще однією поширеною проблемою була складність "анімування до auto", що, на щастя, тепер можливо!
Мій вибір 2025: text-wrap: balance;
reset-файли!Посилання на секціюПроблеми типографії
Керування вертикальним вирівнюванням тексту (відомим як leading) у браузері було проблемою стільки, скільки я пам'ятаю. На щастя, text-box-edge і text-box-trim обіцяють дати нам більш гнучкі інструменти для якісної роботи з типографікою онлайн.
Посилання на секціюПроблеми математики
Багато респондентів висловлювали претензії до calc(), особливо щодо роботи з одиницями вимірювання в обчисленнях.
Посилання на секціюПроблеми інших функцій
Без сюрпризів, та підтримання браузерами залишається головною проблемою для CSS-функцій, згаданих у цьому розділі.
Мій вибір 2025: Генератори кеглю шрифтів із clamp
Ana Rodrigues
Посилання на секціюСписок читання
Маловідомий ::target-text (про нього не чули 82% респондентів) очолив рейтинг доданого до списку читання — функцій, про які хотіли дізнатись більше.
Посилання на секціюРекомендовані джерела
Ultimate CSS Grid & Layout Techniques, v3
