Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Nikita-Zaitsev-ML opened this issue Nov 10, 2023 · 3 comments · May be fixed by #405
Assignees
Labels
frontend Related to front-end developer roadmap

Comments

@Nikita-Zaitsev-ML
Copy link

Подробнее тут #402 (comment)

@Nikita-Zaitsev-ML Nikita-Zaitsev-ML added the frontend Related to front-end developer roadmap label Nov 10, 2023
@FanManutd FanManutd linked a pull request Dec 11, 2023 that will close this issue
@FanManutd
Copy link
Contributor

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

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

  • в 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
Copy link
Contributor

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

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

@Nikita-Zaitsev-ML
Copy link
Author

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

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

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

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

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

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

пример

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Related to front-end developer roadmap
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants