HTML & CSS 3D Torus
3D torus created with HTML and CSS. The goal was to use CSS math functions to position all the elements to create a torus shape.
Welcome to my website! I am a web developer from Sweden. I built my first website in 1996 and have been working with the web ever since. This is my personal space on the web where I share my work and thoughts.
3D torus created with HTML and CSS. The goal was to use CSS math functions to position all the elements to create a torus shape.
The first 100 digits of π animated as a spiral. The animation is created with CSS animations. I used the new CSS sibling-index function to create the animation.
3D pyramid created with HTML and CSS. The goal was to use CSS math functions to position all the elements to create a pyramid.
A 3D grid sphere created with HTML and CSS. The goal was to use CSS math functions to position all the elements to create a sphere.
Zelda Rupee created with HTML and CSS. I used a lot of CSS custom properties and trigonometric functions for this one.
Zelda Triforce 3D animation created with HTML and CSS.
Animating 3D cubes with HTML and CSS custom properties.
Pokemon ball created with HTML and CSS.
Recreation of a Bauhaus poster with HTML and CSS custom properties.
Fun with CSS custom properties and calc.
Different Watches created with HTML and CSS only.
Answer to the ultimate question of Life, The Universe, and Everything.
Inspired by The Matrix. Created with HTML and SCSS.
Inspired by the classic Windows screensaver.
Input: bananas. Output: code.
A skull created with HTML and CSS.
In an alternate dimension where GeoCities prospered and took over the internet.
Mega Man created with HTML, CSS and JavaScript.
Laughing man from Ghost in The Shell created with HTML and CSS.
A simple card game created with only HTML and CSS.
The classic Asteroid game created with SVG and JavaScript.
I programmed this game the week before christmas on my train commute to work.
The classic Pong game created with the HTML Canvas element, JavaScript and RequestAnimationFrame API.
Ascii version of Pong created with JavaScript. I tried to use code golfing techniques to keep the code as small as possible.
The classic Snake game created with JavaScript and HTML canvas.
That JavaScript RPG I put so much time into but never finished.
A simple tool for cleaning up HTML code
Lorem ipsum dolor sit amet
Generate your random strings here!
Basebot64 will help you convert your files to base64!
This tool will help lazy designers to come up with accessible color combinations.
Shift & slice & reduce & pop!
A tool to help calculate aspect ratio scaling.
A tool to help determine the aspect ratio for a width and height.
Visualize how CSS 3D propertys affects elements.
Google Chrome extension that helps users display all alternative texts for images on a web page.
Google Chrome extension that helps users simulate various disabilities to better understand accessibility needs.
Makes Kirby dance in your browsers title.