https://github.com/morganconrad/ptwd-slider
Web Component demo for Port Townsend Web Developers group
https://github.com/morganconrad/ptwd-slider
Last synced: 4 months ago
JSON representation
Web Component demo for Port Townsend Web Developers group
- Host: GitHub
- URL: https://github.com/morganconrad/ptwd-slider
- Owner: MorganConrad
- License: mit
- Created: 2019-10-10T16:32:19.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-11-20T23:15:08.000Z (over 6 years ago)
- Last Synced: 2025-07-06T01:41:53.202Z (11 months ago)
- Language: HTML
- Size: 27.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ptwd-slider
Web Component demo for Port Townsend Web Developers group
## You might prefer the [Github Pages Version Here](https://morganconrad.github.io/ptwd-slider/)
## Basics
### Intro to Web Components [docs](/docs/01_webcomponent.md) / [code](/src/01_webcomponent.html) / [demo](https://raw.githack.com/MorganConrad/ptwd-slider/master/src/01_unknown.html)
## Demos
### Do Nothing Slider [docs](/docs/02_slider.md) / [code](/src/04_slider.html) / [demo](https://raw.githack.com/MorganConrad/ptwd-slider/master/src/02_slider.html)
### Static Configuration [docs](/docs/03_slider.md) / [code](/src/03_slider.html) / [demo](https://raw.githack.com/MorganConrad/ptwd-slider/master/src/03_slider.html)
### Dynamic Configuration [docs](/docs/04_slider.md) / [code](/src/04_slider.html) / [demo](https://raw.githack.com/MorganConrad/ptwd-slider/master/src/04_slider.html)
### Full Interactivity [docs](/docs/05_slider.md) / [code](/src/05_slider.html) / [demo](https://raw.githack.com/MorganConrad/ptwd-slider/master/src/05_slider.html)
## More Information
### [Organization](/docs/06_organization.md)
### [Utilities](/docs/07_utilities.md)
### [Advanced Topics](/docs/08_advanced.md)
### [Testing](/docs/09_testing.md)
### [Events and Dataflow](/docs/10_events_dataflow.md)
### [More Information](/docs/11_moreinfo.md)
## Credits
- Slider code inspired by [_Web Components in Action_, Ben Farrell, 2019.](https://www.manning.com/books/web-components-in-action)
## Other Resources
- [The Gold Standard Checklist for Web Components](https://github.com/webcomponents/gold-standard/wiki)
- [Web Component Limitations](https://github.com/webcomponents/gold-standard/wiki/Web-Component-Limitations)
- [Google's Custom Element Best Practices](https://developers.google.com/web/fundamentals/web-components/best-practices)