Impressively lightweight and smooth!
A step-by-step guide to wrapping up a self-contained bit of functionality (a camera, in this case) into a web component.
Mind you, it would be nice if there were some thought given to fallbacks, like say:
<simple-camera>
<input type="file" accept="image/*">
</simple-camera>
Browser implementations of Sol LeWitt’s conceptual and minimal art, many of which only exist as instructions like this:
Vertical lines, not straight, not touching, covering the wall evenly.
I think this might be the most tasteful, least intrusive use of scroll events to enhance a Snowfallesque story. It’s executed superbly.
You can read all about the code. Interestingly, it’s using canvas to render the maps even though the maps themselves are being stored as SVG.
(There’s a caveat saying: “This is a highly experimental project and it might not work in all browsers. Currently there is no IE support.” I don’t think that’s true: the story works just in IE …that browser just doesn’t get the mapping enhancements.)
I love how easy it is to use these icons: you can copy and paste the SVG or even get it encoded as a data URL.
It’s snappier than front-of-the-front-end developer.
Fallbacks and enhancements are fundamentally different things.
The joy of getting hands-on with HTML and CSS.
A few examples of animation on the web.
Pimping my home page at Indie Web Camp Nuremberg.