I really wanted to rebuild my website template with the things that I have learned and I even took the time to build a a new landing page using Three.js.
When I began building websites the idea of viewing it on a mobile device wasn't thought of or even possible. If there was any thought given to various display resolutions it was mostly solved by adding percents to the containing columns of a table and nesting that table within a table set at a maximum width with the most common resolution. I think that was about 1024 x 768 but it might have even been 640 x 480.
Newton's cannonball was a thought experiment Isaac Newton used to hypothesize that the force of gravity was universal...
The cannon fires a ball that falls to earth. The cannon adds some power to the next shot and the cannonball goes a bit farther. Eventually the ball flies with enough velocity to break the planets gravity and falls into orbit. The ball literally falls around the planet indefinitely.
I am currently working on a CRM that will be including a feature to display statistics on a large screen.
A feature I proposed was a nice animated timer to display when each module would update.
This timer should be dynamic and should have the ability to have easy set parameters; update time, color, etc...
So anyways, this is what I came up with: SVG-Preloader GitHub Repo.
Basic usage is quite simple: