Kyle's public fiddles
-
MutationObserver Demo
How to use MutationObserver to check for node changes to an element. https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
-
CSS Clock
No-Library (pure JS), HTML, CSS, JavaScript
-
IntersectionObserver Demo 3
Animation trigger example. background-image Lazyload example. Img Lazyload example.
-
-
o63scb2f
ADA CAPTCHA Update
-
CSS Toggle
No-Library (pure JS), HTML, CSS, JavaScript
-
vb1o3f75
Default WordPress styles
-
jQuery Carousel
Simple carousel function
-
knp9v3bd
CSS class to make image full width regardless of padding (contain)
-
jQuery - Close box when clicked outside of box
How to close a box if you click outside of the box https://stackoverflow.com/questions/1403615/use-jquery-to-hide-a-div-when-the-user-clicks-outside-of-it/#answer-7385673
-
Simple CSS Loading Icon
Pure CSS spinning loading icon
-
CSS Custom Properties (Variables)
No-Library (pure JS), HTML, CSS, JavaScript
-
Text to Speach
jQuery 3.3.1, HTML, CSS, JavaScript
-
How to set a fixed width column with CSS flexbox
Set aside to fixed width
-
Pure CSS Lavalamp Menu
http://cssdeck.com/labs/wwahaw2y
-
Button Styles
No-Library (pure JS), HTML, CSS, JavaScript
-
webP Modernizr
Adds webP class to html element if webP format is supported or no-webp if not supported.
-
IntersectionObserver Demo 2
How to use use IntersectionObserver to add an active class to position: sticky nav bar https://usefulangle.com/post/108/javascript-detecting-element-gets-fixed-in-css-position-sticky
-
Custom list styles
No-Library (pure JS), HTML, CSS, JavaScript
-
IntersectionObserver API Demo 1
How to trigger event with IntersectionObserver when item comes into view