https://github.com/pearlbea/better-img

A simple web component that adds a fallback url and logging function to an image. Vanilla, Nutmeg, Stencil, and Polymer versions.
https://github.com/pearlbea/better-img

custom-elements-v1 nutmeg polymer-3 shadow-dom stenciljs web-component web-component-tester

Last synced: 2 months ago
JSON representation

A simple web component that adds a fallback url and logging function to an image. Vanilla, Nutmeg, Stencil, and Polymer versions.

• Host: GitHub
• URL: https://github.com/pearlbea/better-img
• Owner: pearlbea
• Created: 2017-05-26T21:26:24.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-10-09T23:08:37.000Z (3 months ago)
• Last Synced: 2024-10-12T05:13:27.434Z (3 months ago)
• Topics: custom-elements-v1, nutmeg, polymer-3, shadow-dom, stenciljs, web-component, web-component-tester
• Language: HTML
• Homepage: better-img-test.vercel.app
• Size: 6.31 MB
• Stars: 15
• Watchers: 2
• Forks: 4
• Open Issues: 27
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# better-img

A simple web component that adds a fallback url and logging function to an image.

This repository contains four different versions of the component:

* [better-img](/packages/better-img) - a vanilla web component

* [better-img-nutmeg](/packages/better-img-nutmeg) - the same component built with Nutmeg

* [better-img-polymer](/packages/better-img-polymer) - same thing made with Polymer

* [better-img-stencil](/packages/better-img-stencil) - again with Stencil

See a demo [here](https://component-demo.firebaseapp.com/). Read more about these components [here](https://bendyworks.com/blog/tale-of-four-components).

## License

[MIT](https://opensource.org/licenses/MIT)