spin.js

An ingenious loading indicator that uses JavaScript instead of an animated .gif.

Tagged with

Related links

HTML DOM - Common tasks of managing HTML DOM with vanilla JavaScript

This is a great way to organise code snippets—listed by use case, and searchable too!

Next time you’re stuck on some DOM scripting, before reaching for a framework or library, check here first.

Tagged with

Paperfold CSS | Demo Studio | Mozilla Developer Network

In amongst all the shiny demos on this site, this one could actually be useful.

Tagged with

jQuery.timepickr.js

John Resig offers an alternative user interface for selecting a time.

Tagged with

Fidget Spinners — Real Life

A look at our relationship with waiting, and how that is manifested in the loading icons in our interfaces.

For me, in my moments of boredom, as I turn to my phone and refresh my social media feed, I imagine that what’s on the other side of the buffering icon might be the content that will rid me of boredom and produce a satisfying social connection. The buffering icon here represents my hopes for the many ways that my social media feeds can satisfy my longings at any given moment. They rarely do, though I believe that we are half in love with the buffering icon here because it represents the promise of intimacy or excitement across the distances that separate us.

Tagged with

Single Element CSS Spinners

A lovely little selection of loading indicators powered by CSS animations and transitions.

Tagged with

Related posts

Making progress

A simple little pattern for form submissions.

Async, Ajax, and animation

Hijax, Youjax, we all jax for Pjax.