Jon's public fiddles
-
Divi Mobile Menu Toggle
Auto collapse sub menus in Divi Mobile Menu, and click toggle to expand.
-
Search list items
Use text input to search text within a list
-
Floating bubbles and fizz
Add floating bubbles or fizz to your div with jQuery and CSS.
-
Select Dropdown to Radio Button
Change select dropdown option into radio button inputs, and style them.
-
Elastic
Dynamic height textarea Jquery plugin.
-
Link Attribute Image Overlay
Add the links title attribute to the image that it wraps
-
Reebok Ink Effect
Ink transition animation between two background images.
-
Replacing text with jQuery
Replacing text via jQuery that matches certain word(s) -- and replaces with new word.
-
Sort list items alphabetically
Change the orderby to be alphabetical based on a data attribute on list items.
-
Sort list items alphabetically
Change the orderby to be alphabetical based on a data attribute on list items.
-
Reload on anchor link click
If a certain link is clicked, reload the page and jump to that hash.
-
Reload on anchor link click
If a certain link is clicked, reload the page and jump to that hash.
-
Add $ to input
Automatically add a dollar sign to the input value if it doesn't contain it already.
-
Font Awesome CSS bullet lists
Use CSS to show an icon from Font Awesome to replace the bullets within an HTML list
-
Background Blending
Titlebar with background-blend-mode and mix-blend-mode effects.
-
Equal Height Columns
Side-by-side DIVs of equal height, dependent if on same row. Resizes on the fly.
-
Pure CSS image speech bubble
CSS circle with background image, and speech bubble tool tip piece.
-
zqptbjur
No-Library (pure JS), HTML, CSS, JavaScript
-
Full screen background video
Top hero area, sized to viewport, with background cover effect.
-
Stats Counter when in Viewport
Trigger statistic numbers to start counting once they are in the browser viewport.