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

09:04пожаловаться #11

SK

Добавил в vanilla-colorful поддержку alpha channel

https://twitter.com/serhiikulykov/status/1305911239898550278

🎨 Published vanilla-colorful 0.3.0 with alpha channel support ported from yesterday's react-colorful release. 13 vanilla web components color pickers, about 2-2.5 KB minified and gzipped per component. Check it out! https://t.co/BRtcNxjxrC

Serhii Kulykov

Andrey Yamanov in Веб-компоненты

19:48пожаловаться #12

AY

Мы зарелизи новый сайт Cube.js написанный на веб-компонентах, а именно на элементах из Numl.Design, композиция и логика через React, SSR через Next.js
Сайт - https:/cube.dev/
UIKit Showcase - https://cubejs-uikit.vercel.app/ (зацените две кнопочки справа вверху)
UIKit Repo - https://github.com/cube-js/cubejs-ui-kit

Планируем написать статью, как это всё создавалось и как решили проблемы SEO.

Andrey Yamanov in Веб-компоненты

21:31пожаловаться #13

AY

Между тем Numl.Design перешел в бету и получил обновлённый сайт, где появился интересный playground с редактирование темы на лету - https://numl.design
Стэк Nuxt + Vue + Numl. Репозитория в публичном доступе пока нет, но скоро будет.

numl.design

Numl – unity of design & code

An open-source Library of Web Components and a Runtime CSS Framework for rapidly building UI that follows your Design System.

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

21:33пожаловаться #14

2020 September 17

АР

https://twitter.com/passle_/status/1306236372362166273

And there we go, first release candidate for generic-components A collection of generic web components with a focus on: 🚹 Accessibility 🏗 Easy to use 🎨 Easy to style All components are vanilla web components 🙂 Docs: https://t.co/JtRgSCTeEF Github: https://t.co/SiomQjhZoo

⚡Klaxon

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

SK

еще сегодня выложили Duet Date Picker

https://twitter.com/viljamis/status/1306500643264385025

Our team working on Duet Design System couldn’t find an existing date picker that would’ve ticked all the requirements we had for bundle size and accessibility (WCAG 2.1), so we decided to build one and open source it: https://t.co/As1KL1NWFM

Viljami Salminen

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

11:48пожаловаться #16

АР

https://twitter.com/youyuxi/status/1306373611998121987

Played with Vue 3 reactivity + lit-html a bit further... and got a fully working native Custom Elements "framework" in ~70 lines: https://t.co/jsJTdHzIXE

Evan You

Andrey Yamanov in Веб-компоненты

12:07пожаловаться #17

AY

Алексей Родионов

https://twitter.com/youyuxi/status/1306373611998121987

Played with Vue 3 reactivity + lit-html a bit further... and got a fully working native Custom Elements "framework" in ~70 lines: https://t.co/jsJTdHzIXE

Evan You

Я уже посмотрел утром, выглядит очень круто :)

12:37пожаловаться #18

2020 September 18

SK

Mechanism for setting the tabindex focus flag without sprouting tabindex attribute? · Issue #762 · w3c/webcomponents

на днях был очередной митинг по веб-компонентам и доступности. насколько я понимаю, договорились насчет ElementInternals.focusMode

https://github.com/w3c/webcomponents/issues/762#issuecomment-694506260

GitHub

Certain HTML elements are focusable without having an explicit tabindex attribute: a elements that have an href attribute link elements that have an href attribute button elements input elements wh...

10:38пожаловаться #19

SK

Live agenda for 2020 September Meeting — Accessibility and Web Components

итоговый документ со всеми деталями обсуждений
https://docs.google.com/document/d/1QTcATefkEzUIsmE3xLXb5oDuom4BNCknXiYXpBNhzjQ/edit#

Google Docs

Agenda for 2020 September Meeting — Accessibility and Web Components This document is intended to serve as a virtual whiteboard to help prepare for the meeting and get the most out of it. You can edit this document. If you want to add a proposal/issue for consideration on the agenda, insert a row...