Телеграмм чат группы webcomponents

они не против, так что есть шанс, что реализуют в будущем. хотя еще надо дождаться позиции разработчиков WebKit

по идее это открывает возможности для стабильной реализации в Chrome без опасности повторить “проблему v0”

источник

15:29пожаловаться #12

СА

Сергей Артёмов... in Веб-компоненты

А я правильно понял, что это то, про что Вадим вот тут рассказывает?

YouTube

Декларативный Shadow DOM для изоляции стилей

00:00 Интро
00:49 Обзор задачи
02:01 Старое решение
03:46 Веб-компоненты
04:52 Что изменилось
05:36 Новое решение
06:43 Элемент template
08:09 Стили для дека
10:03 Стили для слайдов
11:21 Убираем лишнее
13:28 Зачем это нужно
14:42 Важность новинки
15:29 Планы по внедрению
16:37 Что почитать
18:09 Демка с часами
18:56 Выводы
19:48 Аутро

Нравится? Становитесь патронами — https://www.patreon.com/pepelsbey

Код https://github.com/pepelsbey/playground/tree/master/38
Демо https://pepelsbey.github.io/playground/38/

Shower https://shwr.me/
Первая попытка изоляции стилей https://youtu.be/_FRIRJZYlxU
Shadow DOM v1 https://developers.google.com/web/fundamentals/web-components/shadowdom
Declarative Shadow DOM https://web.dev/declarative-shadow-dom/
Эксплейнер https://github.com/mfreed7/declarative-shadow-dom/blob/master/README.md
Дискуссия в WHATWG https://github.com/whatwg/dom/issues/831
Демо с таймером https://jsbin.com/qehoqej/edit?html,output
Демо со стилями https://jsbin.com/vojomir/edit?html,output

* * *

Камера:…

источник

15:33пожаловаться #13

СА

Сергей Артёмов... in Веб-компоненты

А то мало ли, слова вроде одинаковые, а оно ли, хз)

источник

15:34пожаловаться #14

СА

Сергей Артёмов... in Веб-компоненты

Такого конечно очень хочется.

источник

15:35пожаловаться #15

SK

Serhii Kulykov in Веб-компоненты

да, это оно.

источник

15:45пожаловаться #16

2020 December 08

SK

Serhii Kulykov in Веб-компоненты

выложили видео презентаций с W3C TPAC на тему веб-компонентов

https://twitter.com/w3cdevs/status/1336283045352050691

Twitter

W3C Developers

More 🎬 recordings of #w3cTPAC breakout sessions related to Web and Components: 1) "#CSS Module Scrips", to reach consensus on the minimal semantics - https://t.co/hCV44Fu3My

источник

15:59пожаловаться #17

SK

Serhii Kulykov in Веб-компоненты

еще из интересного - гайдлайн от разработчиков Chrome DevTools о написании веб-компонентов

https://twitter.com/ChromeDevTools/status/1336320880515932160

Twitter

Chrome DevTools

The Elements breadcrumb is the first Web Component (WC) in Chrome DevTools. Since then, we have migrated more UI elements to use WC. In this post, @Jack_Franklin explains what are the guidelines we’ve used to build, structure and test WC. 👉🏼 https://t.co/ZCUXR3z7CR https://t.co/GRkMm2ok0j

источник

17:48пожаловаться #18

АР

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

Serhii Kulykov

еще из интересного - гайдлайн от разработчиков Chrome DevTools о написании веб-компонентов

https://twitter.com/ChromeDevTools/status/1336320880515932160

Twitter

Chrome DevTools

The Elements breadcrumb is the first Web Component (WC) in Chrome DevTools. Since then, we have migrated more UI elements to use WC. In this post, @Jack_Franklin explains what are the guidelines we’ve used to build, structure and test WC. 👉🏼 https://t.co/ZCUXR3z7CR https://t.co/GRkMm2ok0j

LitElement не стали юзать сразу, подумают ещё. )

источник

23:18пожаловаться #19

ИЛ

Иван Лещёв in Веб-компоненты

Serhii Kulykov

еще из интересного - гайдлайн от разработчиков Chrome DevTools о написании веб-компонентов

https://twitter.com/ChromeDevTools/status/1336320880515932160

Twitter

Chrome DevTools

The Elements breadcrumb is the first Web Component (WC) in Chrome DevTools. Since then, we have migrated more UI elements to use WC. In this post, @Jack_Franklin explains what are the guidelines we’ve used to build, structure and test WC. 👉🏼 https://t.co/ZCUXR3z7CR https://t.co/GRkMm2ok0j

можно ли проинспектировать вебкомпоненты девтула?

источник

23:29пожаловаться #20