Erik's public fiddles
-
5k69tgqt
jQuery 2.2.3, HTML, CSS, JavaScript
-
xpLfwygd
jQuery 2.2.3, HTML, SCSS, JavaScript
-
Animated Checkbox Effect with Font Awesome
Proof of concept for an animated checkbox thing on radio butons.
-
hxw9j24e
No-Library (pure JS), HTML, SCSS, JavaScript
-
Inputs change content displayed
Use .data() to determine which elements should be shown/hidden.
-
Get Number of Decimal Places
jQuery 1.9.1, HTML, CSS, JavaScript
-
Inputs have data - let's use it
Use .data() to display information tied to a selected radio button.
-
8szkv2mo
No-Library (pure JS), HTML, SCSS, JavaScript
-
How I SVG'd
No-Library (pure JS), HTML, CSS, JavaScript
-
qrnvr0kv
No-Library (pure JS), HTML, SCSS, JavaScript
-
tapau2vy
No-Library (pure JS), HTML, SCSS, JavaScript
-
Some simple CSS animations
No-Library (pure JS), HTML, CSS, JavaScript
-
3ny3tthu
jQuery 1.9.1, HTML, SCSS, JavaScript
-
Responsive Fake Overlap
Give the impression that an image is breaking out of its parent element by using a pseudo element on the parent. It scales nicely with the screen size as the image resizes.
-
Simple Accordion #3
jQuery 2.1.0, HTML, CSS, JavaScript
-
Theresa's Cereal
jQuery 1.11.0, HTML, CSS, JavaScript
-
CSS selectors - all vs. immediate
Illustrating the difference between selecting immediate children as opposed to all children.
-
Experiment: Canvas - repeating lines based on screen size.
This is my first canvas experiment, so be nice! I came up with this neat looking effect by repeating lines based on screen size. I am setting the canvas to the width and height of the browser's screen and then my math is based off of that. When you resize your browser, the lines are redrawn.
-
Simple Accordion #2
jQuery 2.1.0, HTML, CSS, JavaScript
-
YxUBe
jQuery 2.0.0b1, HTML, CSS, JavaScript