Jon's public fiddles
-
Speed Converter
Type in any input to covert between MPH, KPH, Knots, and Mach
-
CSS "shine" effect
No-Library (pure JS), HTML, CSS, JavaScript
-
2tynw21z
No-Library (pure JS), HTML, CSS, JavaScript
-
Wrap Divi Blurb Module in Link
If the Divi Blurb module has a link assigned, find it and move it, so it wraps the entire Blurb content.
-
Checkbox Icons
Adjust the look of your checkbox item with an icon
-
Nice Select Demo
Change select option dropdown to be a list item with nice styling
-
New York State Puzzle SVG
SVG map of New York puzzle pieces
-
Wrap first non-HTML character with span
Wrap first non-HTML character of a paragraph with a span, which can be used to create dropcaps.
-
Select Box with Search Option
Using the jQuery "Chosen" files, you can create a select box dropdown with a search field option.
-
x911t2n5
jQuery 1.9.1, HTML, CSS, JavaScript
-
Wrap text with an element, based on the text within it
Split the text based on a certain character and then wrap part of it with a new element.
-
Replacing text with jQuery
Use jQuery to select the first instance of a string of text and replace it with something else.
-
Pure CSS Tabs
Tab elements relying on only CSS, utilizing radio button inputs
-
Gravity Forms Spinner
Create rotating ajax spinner for Gravity Forms
-
Checklist Columns (Col Count)
Automatic multi-column list items with essential styling utilizing FontAwesome icons.
-
Arched Footer
Create a concave arched (curved) circle at the top of the footer.
-
Display more in list
jQuery load first 3 elements, click “load more” to display next 5 elements
-
Stacked List of Cards
Style unordered list items with CSS to give each list item its own card that moves on hover.
-
Checklist Columns
Automatic multi-column list items with essential styling utilizing FontAwesome icons. Includes location marker pin drop animation on hover.
-
FreshySites colors
Colors for FreshySites logo and branding.