Больше веб-компонент
Если вы хотите узнать больше о веб-компонентах, хотите делать качественные веб-компоненты для различных систем, используя последние web-технологии, то данные ссылки вам в этом помогут.
Помимо ссылок которые напрямую или косвенно связаны с веб-компонентами, присутствуют ссылки, на обучающие материалы, которые поспособствуют созданию качественных веб-компонент.
Библиотеки для создания веб-компонент
| Ссылки | Описание |
|---|---|
| lit-html | |
| Polymer | |
| X-Tag | |
| Bosonic | |
| SkateJS | |
| Slim.js | |
| Stencil | |
| MoleculeJS |
Готовые веб-компоненты
| Ссылка | Описание |
|---|---|
| webcomponents.org | |
| Vaadin | |
| Material Web Components | |
| Predix Design System | |
| Wired Elements | |
| Bosonic | |
| expand.js |
Поддержка
| Ссылка | Описание |
|---|---|
| Slack Polymer | |
| Stack Overflow | |
| Google Group Polymer |
Темы
| Ссылка | Описание |
|---|---|
| Vaadin Themes | |
| Paper Styles | |
| Material design palette |
Альтернатива веб-компонент
| Ссылка | Описание |
|---|---|
| iframe-resizer | |
| xcomponent | |
| Cleanslate |
Аудит
| Ссылка | Описание |
|---|---|
| LightHouse | |
| "Gold Standard" for Web components | |
| aXe-Coconut | |
| WebPageTest |
CSS
| Ссылка | Описание |
|---|---|
| CSS Grid Layout | |
| CSS Grid Layout (Курс) | |
| CSS Flexbox | |
| CSS Triggers |
Дизайн
| Ссылка | Описание |
|---|---|
| Material Design |
Конференции
| Ссылка | Описание |
|---|---|
| Chrome Dev Summit | |
| Polymer Developer Summit |
YouTube каналы
| Ссылка | Описание |
|---|---|
| Google Chrome Developers |
Frameworks
| Ссылка | Описание |
|---|---|
| https://hnpwa.com/ | Пример одного и того же приложения(PWA) написанного с использованием различных библиотек |
| Preact | |
| React | |
| Vue.js | |
| Polymer | |
| Ember | |
| Next.js | |
| Angular | |
| Ionic (stenciljs) |
SEO
| Ссылка | Описание |
|---|---|
| Rendertron |
PWA
| Ссылка | Описание |
|---|---|
| Progressive Web Apps |
SVG иконки
| Ссылка | Описание |
|---|---|
| Polymer Iconset Generator | |
| Material Design Icons | |
| Vaadin Icons | |
| Flat Icon |