developers-roadmap icon indicating copy to clipboard operation
developers-roadmap copied to clipboard

[front/css] Добавить вопросы о новых фичах в CSS часть вторая

Open Nikita-Zaitsev-ML opened this issue 2 years ago • 3 comments

Подробнее тут https://github.com/fullstack-development/developers-roadmap/pull/402#issuecomment-1804286640

Nikita-Zaitsev-ML avatar Nov 10 '23 07:11 Nikita-Zaitsev-ML

Перенесу твоё предложение сюда, что бы здесь на него ответить

Что еще на мой взгляд было бы полезно добавить:

  • в jun1:
    • уточнение в вопрос про трансформации что функции transform теперь могут применяться как отдельные свойства: что-то типа: "как изменить только одну трансформацию(полезно для анимаций)?"
    • conic-gradient
    • currentColor
  • в jun2:
    • вариативные шрифты;
    • prefers-reduced-motion и prefers-color-scheme;
    • color-scheme
  • в jun3:
    • CSS Cascade Layers
    • тригонометрические функции :D
    • color-mix()
  • не знаю куда лучше:
    • css переменные(их нет до сих пор?)
    • @supports
    • scrollbar-gutter ;
    • overscroll-behavior;
    • touch-action;
    • line-clamp - тут вообще про обрезку текста можно отдельный блок с различными способами обрезки и особенностями работы

FanManutd avatar Dec 11 '23 12:12 FanManutd

Всё добавил, кроме:

  1. currentColor - у нас есть вопрос про это значение на jun1: "Как в другом css-свойстве получить текущий цвет?"
  2. colorScheme - а в чём вообще польза этого свойства? Оно будет переключать цвета исходя из дефолтных цветов браузера для светлой и тёмной темы. Но у нас то на сайте будут свои цвета, которые скорее всего хранятся в CSS переменных и при смене темы эти переменные переопределятся на другие цвета, отличающиеся от дефолтных браузерных.
  3. CSS Cascade Layers и тригонометрические функции – крайне не уверен, что оно нам надо в карте развития. По моему крайне ситуативно и не является маст хэв, но при этом требует определённого погружения.
  4. color-mix - разве полезное свойство, когда есть готовый дизайн? Да даже если и нет, насколько я понимаю любой комбинируемый цвет можно указать явно, а не через комбинацию нескольких других. Есть какие-то полезные кейсы применения?
  5. scrollbar-gutter - опять же, можешь рассказать о кейсах применения? Конечно прикольно, что можно зарезервировать место для скролла даже когда он не нужен, но насколько это практично?

FanManutd avatar Dec 11 '23 12:12 FanManutd

  1. CSS Cascade Layers и тригонометрические функции – крайне не уверен, что оно нам надо в карте развития. По моему крайне ситуативно и не является маст хэв, но при этом требует определённого погружения.

Знание о CSS Cascade Layers видится достаточно важным т.к. есть достаточно мощные сферы применения, показательно тут

color-mix - разве полезное свойство, когда есть готовый дизайн? Да даже если и нет, насколько я понимаю любой комбинируемый цвет можно указать явно, а не через комбинацию нескольких других. Есть какие-то полезные кейсы применения?

Возможно и too much для карты развития, но поинт зацепил пример там же

scrollbar-gutter - опять же, можешь рассказать о кейсах применения? Конечно прикольно, что можно зарезервировать место для скролла даже когда он не нужен, но насколько это практично?

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

пример

С остальным согласен.

Nikita-Zaitsev-ML avatar Feb 09 '24 09:02 Nikita-Zaitsev-ML