Web components
A whirlwind tour
¡Hola!
What I do
Centralway
I am from Zurich
Which isn't as boring as you may think...
...take that, Winter!
Buggy method, tho
Anyway...
Let's talk about Web components
Image CC-BY-SA 2.0 by Alan Chia, Source
Let's talk about HTML
Lego ad from 1978
We need to move forward quickly
vs
A sample: Filterable list
How to go on from here?
- Keep it a Javascript hack
- Try to implement it directly in the browser's codebases
- Try to get it standardized
How to go on from here?
- Keep it a Javascript hack
- Try to implement it directly in the browser's codebases
- Try to get it standardized
But then again...
Web components Standards:
- Template element
- Shadow DOM
- Custom elements
- HTML imports
Build new HTML elements
using HTML, CSS & Javascript
Template elements
Shadow DOM
Custom elements
HTML imports
It's already in your browser.
Sorta.
It's already in your browser.
Sorta.
Browser support
Source: are-we-componentized-yet, captured 03.05.14