Add routing to React apps using React Router v4 – Course by @joemaddalone @eggheadio

By Mike,

React JS routing tute

In this course, you will learn about the basics of React Router v4 to help you get started. We will look at the core components that React Router supplies and how they interact together to create a robust routing solution for your React applications.
Source: Add routing to React apps using React Router v4 – Course by @joemaddalone @eggheadio makes fantastic video tutorials about the latest and best web development tools. Angular JS, CSS, HTML5, TypeScript, Node.js, all the usual suspects. Most of the videos are free to watch, but a premium membership is required to unlock in it’s entirety. The latest in the series is a 40 minute lesson on React JS routing by Joe Maddalone (@joemaddalone). Check out his blog at

Will Smith bungee jumping closely resembles Uncle Phil

By Mike,

Will Smith/Uncle Phil

Fresh Prince? More like Uncle Phil.

Ultimate CSS Gradient Generator –

By Mike,

A powerful Photoshop-like CSS gradient editor has a great tool for web designers. It’s a color picker with support for gradients and SASS. Just copy and paste the code into your stylesheet or preprocessor.

Source: Ultimate CSS Gradient Generator –

Mazes, Magazines, and X-Men

By nospam codepen io,

Circle Fractal

You might be impressed at how little code this demo by Johan Karlsson is, utilizing p5.js

3D Magazine flip preview in CSS

What looks like a simple text-on-image design pattern by Jamie Coulter impressively unfolds to reveal more detail about a magazine issue.

Valentin François

It’s always fun to find a new member who is intimately exploring an idea. French computer sciences student and hobbyist graphic/web designer Valentin François has been looking at spinners based on variations of different geometric shapes.

SVG Animation for Canada 150th

Issey, a freelance designer & developer for interactive storytelling created this haunting little animated island for a fiction story in The Globe and Mail.


Scott R McGann’s programatically generated hexagonal maze not only rotates about in 3D space, but also solves itself as you mouse over the different internal hexes.


Ryan Spilhaus creates little avatar-sized subtly animated versions of Professor X, Cyclops, Jean Grey, Wolverine, Storm, Nightcrawler, Iceman, and Magneto.

Go PRO on CodePen

Unlock the full power of CodePen with features like Live View, Asset Uploading, Presentation View, and many more.

Bi-directional Step Sequencer

Create and share your own step sequences in Jake Albaugh’s addictively interactive musical Pen.

Responsive Orbital Icons – Animated

Pieter Biesemans’ set of subtly animated icons brings to mind space travel and exploration.

Text Effects

Mandy Michael’s collection gathers up her latest CSS text effects experiments into an inspiring gallery.

Fading text with CSS blend modes

Hover over the text to reveal the rest of Giana’s clever fade-away text.

Daily UI #013: Direct Messaging

The Daily UI challenge inspires so many cool Pens, like Fabio Ottaviani’s slick direct messaging concept.

Source: Codepen