If you’re a fan of Canvas, WebGL and interactive CSS3, HTML5 and Javascript, you most probably have heard of the name Hakim. Hakim is a web developer and creative programmer from Sweden who passionate about working with animation and interactivity. He has many personal projects and experiments with HTML5, CSS and Javascript showcased in Chrome Experiments and other places. We are really impressed but his creativity and cool stuff that he managed to create, and the following is some of the coolest things on the web.
- CSS3 Scroll Effect
Cool list scrolling effect. Not intended for any practical use but the visuals are surprisingly impactful.
- DOM Tree
Christmas Pine Tree wit form elements.
- Origami
Simply a colorful folding doodle on. Click anywhere on the drawing — or use your keyboard — to activate different layouts.
- .net 404
A creepy 404 page for .net magazine.
- Sphere
The sphere — actually more of a spiral — is built out of 10,000 particles and the structure changes over time.
- Textify.it
Browser for or drag an image onto the page and watch it be reconstructed purely out of text. The markup for the resulting textual image can be copied and used elsewhere.
- WebGL Particles
An experiment created to test the efficiency of particles rendering with WebGL.
- BreakDOM
This is a remix of the classic Breakout game except all game elements have been replaced with HTML user interface elements.
- Sinuous
A game built on the HTMLCanvas element which will test your mouse pointer reflexes. The objective is to stay clear of the evil red dots and stay alive as long as possible.
- Magnetic
Control and create currents of particles which react to magnetic nodes.
- Wave
A wave with bubbles floating on the surface, the bubbles each represent a tweet with the word “water” in it.
- Trail
Particle movement patterns that generate smooth trails.
- Blob
Soft blobby physics. It’s like, you know… jelly?
- Bacterium
An interactive experiment with bacteria in a playful and dynamic physics world.
- Particle Depth
Particle positioning patterns using depth.
- Keylight
A playhead travels between keys which resonate in sound depending on where they are placed in the room.
