bcmoney's public fiddles
-
HTML5 APIs - Speech Recognition
No-Library (pure JS), HTML, CSS, JavaScript
-
Closed Captions & Subtitles creator
Generates exportable CC & SRT files For YouTube API see: https://developers.google.com/youtube/iframe_api_reference
-
A11Y fonts - OpenDyslexic
Example of more accessible and readable text using OpenDyslexic
-
JUDO Weight classes table
For MBK Judo
-
Lazy Loading - Picture/Source set
Lazy loading on an "iFrame", "video" or "img" are all easy enough with the new `loading="lazy"` attribute; however it won't work with multi-source Picture or Video. This technique can extend it to work with those as well. For more, see: https://css-tricks.com/the-complete-guide-to-lazy-loading-images/
-
Mega Menu
Example of a "Mega" menu with dropdowns
-
wypsm4nj
No-Library (pure JS), HTML, CSS, JavaScript
-
XML Recursion example
Recursion can be extemenly useful in parsing data structures (such as XML, HTML or even JSON or regular JS Arrays/Objects) when the nesting of the data structure is unknown.
-
replaceChild
Better more performant/secure AJAX and DOM content replacement handling than innerHTML or clear + appendChild approaches.
-
Text on Images
OUTLINE .vs. BACKDROP
-
veLxgkfs
No-Library (pure JS), HTML, CSS, JavaScript
-
Mobile or Tablet
Device/OS/Browser/Resolution detection
-
Slider
Slider (with indicators)
-
sLvgdj2u
jQuery 1.4.4, HTML, CSS, JavaScript
-
Visibility Detection
jQuery & JS options for detecting if an element is visible on the screen in whole or in part. For more info, see: https://stackoverflow.com/questions/487073/how-to-check-if-element-is-visible-after-scrolling
-
ReactNative - Bookcase - EditBook.js
Book list sample app
-
ReactNative - Bookcase - BookcaseItem.JS
Book list sample app
-
ReactNative - Bookcase - bookcase.js
Book list sample app
-
ReactNative - Bookcase - App.js
Book list sample app
-
ReactNative - Bookcase - rooter.js
Book list sample app