16 Impressive CSS3, HTML5 and Javascript Experiments From Hakim

Posted by & filed under Tech, Web Development. 25,640 views

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.

    CSS3 Scroll Effect

  • DOM Tree

    Christmas Pine Tree wit form elements.

    DOM Tree

  • Origami

    Simply a colorful folding doodle on. Click anywhere on the drawing — or use your keyboard — to activate different layouts.

    Origami

  • .net 404

    A creepy 404 page for .net magazine.

    .net 404

  • Sphere

    The sphere — actually more of a spiral — is built out of 10,000 particles and the structure changes over time.

    Sphere

  • 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.

    Textify.it

  • WebGL Particles

    An experiment created to test the efficiency of particles rendering with WebGL.

    WebGL Particles

  • BreakDOM

    This is a remix of the classic Breakout game except all game elements have been replaced with HTML user interface elements.

    BreakDOM

  • 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.

    Sinuous

  • Magnetic

    Control and create currents of particles which react to magnetic nodes.

    Magnetic

  • Wave

    A wave with bubbles floating on the surface, the bubbles each represent a tweet with the word “water” in it.

    Wave

  • Trail

    Particle movement patterns that generate smooth trails.

    Trail

  • Blob

    Soft blobby physics. It’s like, you know… jelly?

    Blob

  • Bacterium

    An interactive experiment with bacteria in a playful and dynamic physics world.

    Bacterium

  • Particle Depth

    Particle positioning patterns using depth.

    Particle Depth

  • Keylight

    A playhead travels between keys which resonate in sound depending on where they are placed in the room.

    Keylight

SHARE IT

RELATED POSTS

460.jpg Standardise the Appearance of Web Drop Down List
comic 7 Important Rules for Freelancers
973.jpg 20 Funny Lorem Ipsum Dummy Text Generators

COMMENTS