Quantcast
Channel: Pens from Josh
Browsing all 43 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Vue.js 2.0 Todo List ✅ with Local Storage 📦

See the Code - See it Full Page - See Details Just another todo app, tinkering with Vue.js this time. Writes to local storage for persistent data. This Pen uses: HTML, SCSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

#Typehue Week 9: I

See the Code - See it Full Page - See Details Part of my [#Typehue collection](http://codepen.io/collection/XLRgYL/) This week I for... isometric? iRobot? honestly, I have no idea what I was going for...

View Article


Image may be NSFW.
Clik here to view.

#Typehue Week 9: I

See the Code - See it Full Page - See Details Part of my [#Typehue collection](http://codepen.io/collection/XLRgYL/) This week I for... isometric? iRobot? honestly, I have no idea what I was going for...

View Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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

Image may be NSFW.
Clik here to view.

Vue.js 2.0 Todo List ✅ with Local Storage 📦

See the Code - See it Full Page - See Details Just another todo app, tinkering with Vue.js this time. Writes to local storage for persistent data. This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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, Babel, and Babel

View Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik here to view.

#Typehue Week 7: G

See the Code - See it Full Page - See Details Part of my [#Typehue collection](http://codepen.io/collection/XLRgYL/) This week G is for Gooey... because this pen will melt your device into a pile of...

View Article


Image may be NSFW.
Clik here to view.

#Typehue Week 9: I

See the Code - See it Full Page - See Details Part of my [#Typehue collection](http://codepen.io/collection/XLRgYL/) This week I for... isometric? iRobot? honestly, I have no idea what I was going for...

View Article

Image may be NSFW.
Clik here to view.

Drag & Drop RxJS 🏗

See the Code - See it Full Page - See Details

View Article


Image may be NSFW.
Clik here to view.

#Typehue Week 10: J

See the Code - See it Full Page - See Details Part of my [#Typehue collection](http://codepen.io/collection/XLRgYL/) This week J is for... (three).js, ok I could have inserted any js library here but...

View Article

Image may be NSFW.
Clik here to view.

CS:GO Card 🔫

See the Code - See it Full Page - See Details

View Article


Image may be NSFW.
Clik here to view.

Text Path Loader 🖊

See the Code - See it Full Page - See Details An old (v1.0) version of the Stake.com loader...

View Article

Image may be NSFW.
Clik here to view.

Styled Components Media Mixins 💅

See the Code - See it Full Page - See Details Just some styled-components helpers fro media queries...

View Article

Image may be NSFW.
Clik here to view.

Dice Loader 🎲

See the Code - See it Full Page - See Details

View Article
Browsing all 43 articles
Browse latest View live