Test Sites
These are some experimental web projects I created. I call them: Test Sites (they might explode!).
Some are more experimental than others and may not work in every browser.
Have fun exploring them!
Bomb
A little browser game where you have to not find the bomb. It uses experimental features like the Web Audio API, vibration and theme color.
There's 1 bomb. Hit the dots to get points. When you hit the bomb it's game over. 💣
Better Tarot Cards
My own take on tarot cards. They are better than regular tarot cards, because they are made by me.
Touch Echo
A page that creates "echos" of your touches to the screen.
It uses the touch events APIs to first display your current interaction, then the same motion is repeated 3 times, each time getting dimmer.
This is currently quite experimental, so it might not work everywhere.. Also, you might want to open this on a mobile device.. 📱⚠️
Tick
Tick shows you how many seconds have passed. It "ticks" each second, targeting a bunch of different senses. The number changes on screen, it makes a sound, it toggles color scheme between bright and dark and even makes your phone vibrate.
This can be useful when you need a counter, but are limited in some way, like, you can't look at the screen or you can't use audio or you have a physical disability.
With this app it's quite likely you'll find a way to count seconds. ⏱️
Chromove (mobile)
Modern web-browsers can see how you're holding your phone. I was able to use this data to change the background color. Open this on your phone and move it around (or watch the video). On desktop it uses your mouse pointer, which isn't even half as interesting..
Super Zebra
I got this idea from a video by Vsauce called Supertasks.
It divides the screen into 2 halves, paints one half black and the other white. It then repeat the process for the first half of the screen, then the first half of that, and so on.
The "result" (I didn't program it to ever stop..) is what I call a "Super Zebra". The time at which it divides is also divided by 2 each time, another concept from the video. Looks like it eventually end up with the tinyest number you can use in JavaScript (5 × 10-324).
Backdrop Filter
This is a test of a CSS feature called "backdrop-filter".
Backdrop filter allows you to add a filter to everything that's behind the element it's applied to. It's the effect iOS uses on certain elements of it's UI, which is probably why Safari was the first to support this feature.