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
Fresh Prince? More like Uncle Phil.
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
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.
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.
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.