Jon's public fiddles
-
zz25pxsx
No-Library (pure JS), HTML, CSS, JavaScript
-
Center image
Center an image inside of a div by using margins.
-
Half circle outline around image
Using border and border radius, you can create a semi-circle frame around a circle image.
-
Horizontal Scroll with Mousewheel and Fade in
Fade in elements as they enter the viewport horizontally, and also allow mousewheel to scroll horizontally.
-
Scroll Horizontal and Fade In Elements
"Stack" blocks/sections horizontally and fade in elements as they enter the viewport.
-
Add meta attribute to link
Updates Tweet sharing URL with Twitter username of post creator, by injecting the meta content into the URL.
-
Animated growing width
Continuous animation of changing width of wrapper div.
-
Days Until Date
jQuery: calculate the days until a specified date
-
Reebok Ink Effect
Ink transition animation between two background images.
-
Search table contents
Use text input to search text within a table's rows.
-
Inner Border on Image
Circular image with inner border, that changes on hover.
-
Dropcap with CSS only
Style the first letter in an article using only CSS.
-
Mouse wheel scroll to next section
Scroll sections with mousewheel or keyboard spacebar.
-
Years Since Today
jQuery: calculate the years since today