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

Egghead.io 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 Egghead.io 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 www.javascriptoo.com.

Will Smith bungee jumping closely resembles Uncle Phil

By Mike,

Will Smith/Uncle Phil

Fresh Prince? More like Uncle Phil.

Ultimate CSS Gradient Generator – ColorZilla.com

By Mike,

A powerful Photoshop-like CSS gradient editor

ColorZilla.com 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 – ColorZilla.com

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.


HexMaze


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.


CSS X-Men


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