February 6th: Bouncing, Beads, and BB8
Ryan Florence created a handy Pen Template for people wanting to try out the latest React Router release.
Gabrielle Wee created a very smooth animated example of a user settings panel, as part of the #dailyui challenge.
Nat Sayenko received questions about how she created her popular animated SVG pen so she created a tutorial for it.
A blob of canvas-based red, by Harry Parton, comes blobbing down the page, reversing out the text.
Get it?! Clever stuff from Juan Riquelme, who also used Pug loops, Sass functions and variables, clipping paths, and gradients to pull this off.
Make sure to check out Details View on this Pen from Nerdmanship for a writeup on some of the thinking and tech behind it.
Joni Trythall's loader has very satisfying little shadows, colors, morphs, and staggering.
See how your visitors are really using your site. Try it free.
A post from "not important" documents the trouble in using squares to project a sphere, and the geometry that can be used to solve that problem.
An SVG shape can be made to have a "beaded" border, but it requires some trickery, shown here by yoksel. Multiple shapes are set on top of each other, each with thick offset dashes on them. The dashes are rounded with CSS. Each shape has different colored dashes, offset such that they appear alternating.
Tim Holman: "That spurred within me, a series of other similar switch based jokes!"
Make sure you click and drag around on Derek Morash's weird canvas exploration.