Clik here to view.
A Pen by Josh
See the Code - See it Full Page - See Details This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
JQuery Change and Animate Text On Element Hover
See the Code - See it Full Page - See Details Using JQuery to change and animate text on different element hover. Using Bootstrap and JQuery UI This Pen uses: HTML, CSS, JavaScript, and
View ArticleClik here to view.
Input Date with Modernizr Fallback
See the Code - See it Full Page - See Details Using Modernizr to detect browser support for input type="date" and adding jQuery UI if not supported. Not tested but should work back to IE 6. This Pen...
View ArticleClik here to view.
Show/Hide Element Based on Select, jQuery Only
See the Code - See it Full Page - See Details Just a quick code snippet to show how to show/hide html elements based on the active option in a select dropdown. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
SVG Fill from noUI Range Slider Values
See the Code - See it Full Page - See Details SVG fill color changes through color sequence based on values from noUI slider. This Pen uses: HTML, CSS, JavaScript, and
View ArticleClik here to view.
Sharing Buttons and Counters
See the Code - See it Full Page - See Details Some simple sharing buttons and counters. Just jQuery required. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Styles for My Pen's
See the Code - See it Full Page - See Details Just some styles for my other pens. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
London
See the Code - See it Full Page - See Details Moving to London in the new year, pen to celebrate! This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
SVG Animated Guitar (Play Me!)
See the Code - See it Full Page - See Details Rock out with this interactive svg animation, click, tap, or any key to play! Part of my [Pen's of Rock!](http://codepen.io/collection/APoYVq/)...
View ArticleClik here to view.
SVG Animated Drum Kit (Play Me!)
See the Code - See it Full Page - See Details Rock out with this interactive svg animation, click, tap, or keys to play! Part of my [Pen's of Rock!](http://codepen.io/collection/APoYVq/) collection....
View ArticleClik here to view.
SVG Animated Bass Guitar (Play Me!)
See the Code - See it Full Page - See Details Rock out with this interactive svg animation, click, tap, or any key to play! Part of my [Pen's of Rock!](http://codepen.io/collection/APoYVq/)...
View ArticleClik here to view.
SVG Morph
See the Code - See it Full Page - See Details Just a quick svg morph demo, using Greensock. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
jcarousel + touchSwipe
See the Code - See it Full Page - See Details This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Redux Counter App
See the Code - See it Full Page - See Details A simple counter app to try and wrap my head around Redux. No React or anything, just binding the store's dispatch method to click events because it's a...
View ArticleClik here to view.
SVG Morph
See the Code - See it Full Page - See Details Just a quick svg morph demo, using Greensock. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Movie Card Concept
See the Code - See it Full Page - See Details Thought it would be cool if I could animate the background blur filter on hover but it's super janky, anyone know why? Lots of help from...
View ArticleClik here to view.
React + Redux Todo
See the Code - See it Full Page - See Details Been doing @wesbos React and ES6 courses and Dan Abramov Redux course over on https://egghead.io/, so I figuired what the world needed was another todo...
View ArticleClik here to view.
Fluid Type
See the Code - See it Full Page - See Details This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
SUPER BEST 🙀 FLEXBOX GRID 🌠MIXIN EVR! 🔥
See the Code - See it Full Page - See Details Flexbox grid mixin THAT GIVES U POWERS!!! This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Heart Animation 💖
See the Code - See it Full Page - See Details Working on an animation for a @wearelighthouse project, much help from @russelllighthouse. Also, my first [Dribbble...
View Article