This repository was archived by the owner on Nov 18, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 116
Homepage
Addy Osmani edited this page Oct 21, 2013
·
11 revisions
A place to discuss and move forward Web Components.
Web Components is a set of specs which let web developers leverage their HTML, CSS and JavaScript knowledge to build widgets that can be reused easily and reliably. The component model for the Web ("Web Components") consists of five pieces:
- Custom Elements - allow authors define their own elements, with new tag names and new script interfaces.
- HTML Imports - define how templates, decorators and custom elements are packaged and loaded as a resource.
- Shadow DOM - encapsulates a DOM subtree for more reliable composition of user interface elements.
- Templates - chunks of markup that are inert but can be activated for use later.
- Decorators - templates based on CSS selectors to affect rich visual and behavioral changes to documents.
Each of these pieces is useful individually.
When used in combination, Web Components enable Web application authors to define widgets with a level of visual richness and interactivity not possible with CSS alone, and ease of composition and reuse not possible with script libraries today.