Size: a a a

Веб-компоненты

2019 October 04

AY

Andrey Yamanov in Веб-компоненты
Я модуль переименовал, да, уже давно) Так удобнее будет и понятнее.
источник

DM

Denys Mishunov in Веб-компоненты
Алексей Охрименко
Посмотри еще на Nude Elements раз тема интересна (если еще не видел)
Благодарю. Тема, конечно, интересна. Почему нет?
источник

DM

Denys Mishunov in Веб-компоненты
@tenphi привет 🙂 Я правильно понимаю, что Nude Elements – это набор инструментов? просто пытаюсь понять какая связь со стилизацией веб компонентов 🙂
источник

R

Rustam in Веб-компоненты
бутсрап на новый лад 🙌
источник

DM

Denys Mishunov in Веб-компоненты
мне не нужен бутстрап на новый лад 🙂 Мне нужно понять как упростить Frankenstein Migration, а заодно одну идею в ГитЛабе “протолкнуть”  🙂
источник

AY

Andrey Yamanov in Веб-компоненты
Denys Mishunov
@tenphi привет 🙂 Я правильно понимаю, что Nude Elements – это набор инструментов? просто пытаюсь понять какая связь со стилизацией веб компонентов 🙂
Там в README подробно написано, что это такое. Если совсем кратко, то это язык для написания интерфейсов, с реализацией на Custom Elements. По сути это новый подход к стилизации в веб, точнее давно забытый старый, но воскрешенный и улучшенный в миллион раз 🙂
источник

DM

Denys Mishunov in Веб-компоненты
понял. Идея хорошая, спасибо за пояснение. Но мне не подходит 🙁 Я не ищу новых абстракций пока что
источник

DM

Denys Mishunov in Веб-компоненты
но в код посмотрю обязательно. Спасибо, Андрей
источник

AY

Andrey Yamanov in Веб-компоненты
Пожалуйста! спасибо за проявленный интерес! 🙂
источник

SK

Serhii Kulykov in Веб-компоненты
Denys Mishunov
мне не нужен бутстрап на новый лад 🙂 Мне нужно понять как упростить Frankenstein Migration, а заодно одну идею в ГитЛабе “протолкнуть”  🙂
а что конкретно нужно, чтобы упростить? помимо того, что мы уже обсуждали с глобальными DOM API?
источник

DM

Denys Mishunov in Веб-компоненты
Serhii Kulykov
а что конкретно нужно, чтобы упростить? помимо того, что мы уже обсуждали с глобальными DOM API?
мне не нравится способ стилизации, который я предлагаю для Frankenstein Migration. Точнее, он в порядке, но много ньюансов. Несколько моментов, которые я  хочу лучше проработать в контексте Frankenstein Migration:
* как применять стили к веб компонентам без ущерба для производительности
* как правильно работать со стилями (в отдельном .css файле, скажем), которые используются большим количеством компонентов на странице так, чтобы избежать ненужного дублирования
* еще мелкие моменты
источник
2019 October 08

АР

Алексей Родионов in Веб-компоненты
источник
2019 October 09

DM

Denys Mishunov in Веб-компоненты
Кто-нибудь может подсказать ссылку на документацию про дедупликацию <style> в браузерах, о которой говорит Джастин https://youtu.be/FM7ROEVPA4k?t=1500 ?
источник

SK

Serhii Kulykov in Веб-компоненты
Denys Mishunov
Кто-нибудь может подсказать ссылку на документацию про дедупликацию <style> в браузерах, о которой говорит Джастин https://youtu.be/FM7ROEVPA4k?t=1500 ?
видел нечто подобное вот тут, в комментариях к пул-реквесту в lit-element
https://github.com/Polymer/lit-element/pull/762#issuecomment-518319560

тем не менее, судя по обсуждению, предложенная идея с Blob выглядит любопытно
источник

SK

Serhii Kulykov in Веб-компоненты
кэширование style тегов реализовали в Firefox недавно. будет доступно в 70

https://bugzilla.mozilla.org/show_bug.cgi?id=1480146

https://github.com/mdn/sprints/issues/2117#issuecomment-530808053
источник

DM

Denys Mishunov in Веб-компоненты
спасибо большое за ссылки, Сергей
источник

DM

Denys Mishunov in Веб-компоненты
получается Edge, Safari, Chrome, Firefox 70+… неплохо
источник

SK

Serhii Kulykov in Веб-компоненты
кстати об оптимизациях - в Polymer вероятно впилят adoptedStylesheets, но работать это будет только c пре-компилированными стилями
https://github.com/Polymer/polymer/pull/5595/commits/ab04377bdaf5c440b21247fb1a72b1cda42b63e7

в переводе на русский - “YouTube в хроме будет снова чуть быстрее других браузеров”
источник

DM

Denys Mishunov in Веб-компоненты
@kulykovserhii получается, что вот та оптимизация про дедупликацию <style> в shadow DOM была внедрена в Chromium еще аж в 2013. Соответственно в Blink эта фича пришла наследственно, правильно? Получается Microsoft для этой фичи не сделал ничего 🙂
источник

DM

Denys Mishunov in Веб-компоненты
или я что-то упускаю?
источник