Size: a a a

Клуб Vue.js-разработчиков

2021 February 19

ММ

Михаил(Kotaro) Малах... in Клуб Vue.js-разработчиков
как работает UI при взаимодействии пользователя с ним
источник

in Клуб Vue.js-разработчиков
Illya Klymov
Да, но один раз сделанный и принятый компонент должен оставаться рабочим
И какие есть варианты решения?
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
😎Alex
Ну, так @xanf_ua, какой главный недостаток атомарного подхода?
Главный - многословность и смешение того как контент семантически размечен и как он выглядит
источник

in Клуб Vue.js-разработчиков
Только атомный цсс?
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
И какие есть варианты решения?
Когда нет каскада - нет проблемы
источник

ММ

Михаил(Kotaro) Малах... in Клуб Vue.js-разработчиков
атомный CSS?
источник

VK

Vladimir Klimov in Клуб Vue.js-разработчиков
Illya Klymov
Когда нет каскада - нет проблемы
Кстати, а новый черновик со слоями как-то может с этим помочь?
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
Только атомный цсс?
Ну к примеру в вопросах мертвого css я не знаю другого решения кроме атомарного css и css-in-js
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
Vladimir Klimov
Кстати, а новый черновик со слоями как-то может с этим помочь?
Не эксперт
источник

YD

Yurij Dzeganovsky in Клуб Vue.js-разработчиков
Illya Klymov
Как вы используя каскад гарантируете, что ваш компонент всегда будет выглядеть одинаково во всех условиях?
Вы тут под каскадом подразумеваете вложенность селекторов?
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
Вебкомпоненты бы сильно помогли
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
Yurij Dzeganovsky
Вы тут под каскадом подразумеваете вложенность селекторов?
Да
источник

YD

Yurij Dzeganovsky in Клуб Vue.js-разработчиков
Вложенные селекторы это в принципе отличный способ выстрелить себе в ногу)
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Если юзать бэм, то такого не будет
Неправда, классы которые генерируются в рантайме вы не сможете статический вывести в 100% случаев
источник

😎

😎Alex in Клуб Vue.js-разработчиков
Illya Klymov
Когда нет каскада - нет проблемы
Поправьте меня, если я не прав:
Основная притензия по сути сводится к селекторам: Я указываю селектор для одного элемента и случайно, могу зацепить тот, который не хотел.

Атомарный цсс по сути просто избавляется от селекторов. По тому же принципу мы могли бы просто писать всё в атрибутах style? Или для каждого элемента указывать гарантированно уникальный id и в стилях, в селекторах использовать id.

Всё так? Я правильно понимаю предназначение этой технологии? )
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
😎Alex
Поправьте меня, если я не прав:
Основная притензия по сути сводится к селекторам: Я указываю селектор для одного элемента и случайно, могу зацепить тот, который не хотел.

Атомарный цсс по сути просто избавляется от селекторов. По тому же принципу мы могли бы просто писать всё в атрибутах style? Или для каждого элемента указывать гарантированно уникальный id и в стилях, в селекторах использовать id.

Всё так? Я правильно понимаю предназначение этой технологии? )
Нет, атомарный цсс это прежде всего отказ от вложенных селекторов
источник

ℝΞ-1 :: ∅ → 🦠 → 👑... in Клуб Vue.js-разработчиков
😎Alex
Поправьте меня, если я не прав:
Основная притензия по сути сводится к селекторам: Я указываю селектор для одного элемента и случайно, могу зацепить тот, который не хотел.

Атомарный цсс по сути просто избавляется от селекторов. По тому же принципу мы могли бы просто писать всё в атрибутах style? Или для каждого элемента указывать гарантированно уникальный id и в стилях, в селекторах использовать id.

Всё так? Я правильно понимаю предназначение этой технологии? )
Попробуй теперь в style написать hover,focus etc
источник

YD

Yurij Dzeganovsky in Клуб Vue.js-разработчиков
😎Alex
Поправьте меня, если я не прав:
Основная притензия по сути сводится к селекторам: Я указываю селектор для одного элемента и случайно, могу зацепить тот, который не хотел.

Атомарный цсс по сути просто избавляется от селекторов. По тому же принципу мы могли бы просто писать всё в атрибутах style? Или для каждого элемента указывать гарантированно уникальный id и в стилях, в селекторах использовать id.

Всё так? Я правильно понимаю предназначение этой технологии? )
Нет
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
Что же касается аттрибутов style- да, но вы не сможете описать часть в теге стайл, а ещё атомарный цсс гарантирует что безумный верстальщик не влепит вот тут отступ в 13 пикселей потому что так надо
источник

YD

Yurij Dzeganovsky in Клуб Vue.js-разработчиков
В частности, на style="" вы не сможете построить дизайн-систему.
источник