bcmoney's public fiddles
-
wu7feog1
No-Library (pure JS), HTML, CSS, JavaScript
-
FORM Validation - JavaScript .vs. HTML5 pattern
Both approaches use Regular Expressions (RegEx) to some extent... JavaScript can combine other text operations such as split, substring, etc... while HTML5 pattern attribute is for more basic common data formatting validations.
-
URL parsing
Example to separate out a URL's: * Protocol * Sub-Domain * Host * Port * Filename * Query Parameters
-
Styled Lists with Colors & Hover effects
Removed default numbering and bulleted behaviours, added CSS hover effects and dynamic cross-browser polyfilled gradient background
-
Real-time ticket queue
Demonstration of a simple (although leaving much room for further optimization) approach to periodically checking the DOM for expiry of a specific item and invalidating it.
-
5-minute Estimate
5-minute Estimate Calculator that can output CSV format for opening in Excel, or more easily importing to other applications (JIRA, etc).
-
BMI Calculator
Real-time BMI calculation example
-
Mobile - iOS Safari check
JS based User-Agent detection method
-
PDF.js Previous/Next example
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS3 horizontal scrolling gallery
Full credit to: https://designshack.net/articles/css/infinitephotobanner/
-
HTML5 Drag and Drop sort
Awesome little tool for creating dynamic Playlists, search/ordering criteria for filters, re-organizable table headers, etc
-
co5b4gc0
No-Library (pure JS), HTML, CSS, JavaScript
-
Inactivity Timer - with iFrame status
An "Inactivty Timer" which allows you to keep track of when users are interacting with your page/app or just sitting idle.
-
Vertical R-to-L Text (Japanese Kanji)
An example of how to write Right-To-Left, top-down (vertical) text, in this case, traditionally written Japanese Kanji and Hiragana characters, all works with a simple CSS "writing-mode" property, however depends on browser support which may be limited on older Browsers or even still on some Mobile Browsers.
-
ge0pgn2L
Loosely based on the "Ticket Checker" available at DC State Lotto: https://dclottery.com/games/dc4/default.aspx
-
True Centering text in HTML5 Canvas (X,Y... WxH)
This is one approach for "True Centering" some text in an HTML5 Canvas...
-
Stamplia - Email Templates
Stamplia - buy/sell beautiful Open Source HTML Email Templates: https://builder.stamplia.com/doc/
-
JIRA issue collector
Gather player Feedback post DARWIN go-live using Atlassian's JIRA issue collector API.
-
Proline Stadium
Proline Stadium - the current static layout .vs. Beta responsive layout
-
Skype API
Click-to-Call (working) and Status (deprecated)