John's public fiddles
-
8Lqdy7f1
No-Library (pure JS), HTML, CSS, JavaScript
-
SCSS compound not selector
Illustrate how to test for the absence of multiple classes on an element
-
SCSS color and opacity playground
Illustrating how text color, text opacity, background color, background opacity, and element opacity work together using SCSS
-
CSS image overlay with color and transparency
http://stackoverflow.com/questions/17721960/css-image-overlay-with-color-and-transparency
-
GOAL BUTTONS
experiment
-
oq4hfwgo
No-Library (pure JS), HTML, CSS, JavaScript
-
Scalable Bar Chart Skeleton
No-Library (pure JS), HTML, CSS, JavaScript
-
Accordion Component Test
this is a variation - this is a work in progress
-
Section pinnable ROY-G accordion with toolbar
Partial rainbow accordion with hover over access and a toolbar that automatically hides as the accordion expands.
-
Evenly spaced Toolbar buttons (and button groups) for a full page header or footer
No-Library (pure JS), HTML, CSS, JavaScript
-
More elegant browser sensitization of the DOM
Finds the browser version and adds classes to the HTML element of the document to reflect the browser type - useful for setting CSS properties according to the browser type
-
Brute force browser sensitization of the DOM
Finds the browser version and adds classes to the HTML element of the document to reflect the browser type - useful for setting CSS properties according to the browser type
-
IE10 experiment with height transitions
IE10 transitions work differently from other browsers --- this fiddle is an attempt to figure out how to achieve conformance of transition effects for IE10 with other browsers
-
Section pinnable ROY-G accordion with toolbar
Partial rainbow accordion with hover over access and a toolbar that automatically hides as the accordion expands.
-
Section pinnable ROY-G-BIV accordion with toolbar
Rainbow accordion with hover over access and a toolbar that automatically hides as the accordion expands.
-
Section pinnable ROY-G-BIV accordion
Rainbow accordion with hover over access.
-
ROY-G-BIV accordion
Rainbow accordion with hover over access.
-
Boring According
Click the header to expand a section
-
Functions as variables
Saving function references in variables and using the variables to call the functions
-
Event propagation to anonymous (decoupled) subscribers
No-Library (pure JS), HTML, CSS, JavaScript