Web development fun

As part of developing out the pub quiz application I stumbled upon a number of pretty cool websites / applications. The above image was created using JavaScript with one function call.

Codepen

Codepen is for front-end web development testing.

Check out this awesome JavaScript animation, the core JavaScript function is limited to 140 characters!

Beats the usual boring loading screens (a spinner)!

Dwitter

The challenge to keep core JavaScript driven animations at a maximum function call length of 140 characters appears to be the driver of Dwitter. It’s impressive how much can be accomplished with a simple HTML <canvas> element and a few lines of JavaScript code:

Dark mode

I have a habit of venturing down rabbit holes. Somehow I found the above styling after looking through how to implement a dark theme (and the ability to switch between colour themes). For reference, this article seems the most comprehensive tutorial on this matter.

Other random tidbits

• Colour shade generator: https://javisperez.github.io/tailwindcolorshades/#/
• CSS animations (like PowerPoint animations): https://animate.style/

Final appreciation of good digital art from CSS and JavaScript

The feature image was created via CSS and JavaScript too - same idea, 140 characters or less of the core function u(t) specified in the Dwitter competition.