Heya,
Predicting the future is a tough task and this week we have a couple of links that try to do it. From the gorgeous animations of the tech tarot to the Chrome monoculture we cover the full gamut this week. In between these two, we have buttons that can hold your site up, setting Page Weight Budgets and the ultimate Apollo 11 8-track.
Enjoy,
Chris.
🕸️ The Cool Side of the Web
An interactive history of generative music. Very entertaining and full of awesome experiments.
If you don't make it all the way through, then Listen to Wikipedia is well worth a listen. It rings a note with every edit.
teropa.info
Tarot-o-bot is a beautiful way to predict your tech-based future. 🔮
I liked this very much, it has an old-skool web look and feel with great copywriting.
illo.tv
Declaration of a climate emergency from leaders in sustainable business practices.
Not to be on too much of a downer but air pollution can get so bad that solar panels stop working. I like the sun. I use it every day. Sometimes more than once.
This declaration comes from a company who does great sustainable work every day. Not only do they work on building a sustainable web but they also follow sustainable business practices. If you're running a small business, designing or developing websites, then I can't recommend these guys enough. They share a lot of great info on both how to make a better web and run a sustainable business. 🤗
wholegraindigital.com
⚒️ Tools and Resources
Variable fonts is an implementation of a variable font. You can switch things on & off before swiping over the text to see the result.
codepen.io
3D particle tornado allows you to play with particles in a tornado animation. You can manipulate both particles and tornado to get a hypnotic spiral effect. 🌪️
codepen.io
🕷️ Design & Development Arena
How to set a Page Weight Budget for a greener, faster website. 💚
Sustainable web design is one downside-free practice you can implement to your site-building. If you build green sites, you will also get a ton of performance benefits. Setting a budget is a great way to start. This guide will show you how to set a budget and, perhaps more importantly, how to bring the stakeholders on board.
wholegraindigital.com