https://github.com/ebidel/demos

https://github.com/ebidel/demos

demos web

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/ebidel/demos
• Owner: ebidel
• License: apache-2.0
• Created: 2017-09-16T16:54:12.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-07-19T22:50:51.000Z (over 6 years ago)
• Last Synced: 2024-10-24T02:24:28.241Z (3 months ago)
• Topics: demos, web
• Language: HTML
• Homepage: https://ebidel.github.io/demos/
• Size: 5.13 MB
• Stars: 146
• Watchers: 9
• Forks: 64
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# demos

> Some one-off demos that needed hosting :)

- [Offscreen canvas](offscreencanvas.html) - OffscreenCanvas is a

canvas that can be used in workers!

- [Resize events for DOM elements](dom_resize_events.html) - a Custom Element class

mixin that uses ResizeObserver to know when its size changes. Basically, onresize handlers for DOM!

- [CSS overscroll-behavior chatbox](chatbox.html) - shows how to use CSS overscroll-behavior to prevent the mobile browser pull-to-refresh effect and also contain scroll events within a chat window component.

- [Create a video file from images](images2video/index.html) - turn a list of png images into a .webm video using no dependencies and only web platform features.

- [CSS position: sticky event](sticky-position-event.html) - fire an event when elements begin/stop sticking.

- [Material Design Playground](https://ebidel.github.io/material-playground/)

By [Eric Bidelman](https://github.com/ebidel/).

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

 ga('create', 'UA-43475701-1', 'ebidel.github.io');

 ga('send', 'pageview');