Don's public fiddles
-
nL57nbou
(JQuery) Hangman game
-
Pinterest Layout
(jQuery) Arrange divs of varying height on a page Pinterest-style
-
eb7bgj04
(jQuery) Arrange divs of varying height on a page / Personal Variation
-
Error Logging
(Pure JS) Compilation of debugging techniques wrapped into a single example
-
Advertisement Slide-In
(JQuery) Animate an element sliding in & out of the page once a user scrolls down to certain points on the page.
-
Widget: Text Field
(Pure JS) Track & provide feedback on text as it's being entered into a text field
-
o691ytqv
(Pure JS) Click to remove items from a list by manipulating the DOM / includes fall-back commands for older versions of IE
-
Widget: Countdown Timer
(jQuery 1.8.3) Count down to a day/time, then stop the timer once the target day/time has been reached
-
wy1gnrd6
(Pure JS) Set a maximum value, then use javascript to generate row & column arrays that go up to that value & multiply them against each other to create a multiplication table
-
pfkv8z4w
OOJ c2: Explains how basic operators work.
-
a891jvra
(Pure JS) Text-based game of blackjack
-
Widget: Sliding Toggle
(JQuery 1.9.1) Click on a div to have it fade-out/slide-left and have another div fade-in/slide-left to take it's place. Click again to toggle back & have the reverse happen.
-
6JYVK
(Pure JS) Create an array of similar html elements (either by css class or element type), then cycle through them & update their contents as desired
-
Widget: Expandable List Items
(JQuery 1.9.1) Expand a list item while collapsing all other list items using the .show() & .hide() animations
-
zvpqb
(JQuery 1.9.1) Pre-Load a series of divs & use a drop-down menu to determine which div appears
-
W7SBJ
(JQuery 1.8.3) Update Multiple HTML Elements post-render simultaneously by targeting the CSS class of their parent element
-
4eeaQ
No-Library (pure JS), HTML, CSS, JavaScript
-
LVXKb
(JQuery 1.10) Cycle through steps of a form by targeting html parent elements and applying/removing CSS classes