Subscribe by Email

Every month I see these amazing effects that are done with just CSS or use a little jQuery that blow me away. Today we’re going to look at some of the best effects from across the web that might really make you think ‘how did they do that?’, and also so you don’t miss anything!

Since this is the first one we’re doing, I’ve been a bit lenient on the dates from which these things are taken from. Hopefully in the future I’ll be able to do one of these every month but until then we’ll just cover some really cool things from all over the history of time (to put it in a rather large narrative)

Awesome Demos

There is no doubt that web design innovations come from people messing around, and some of these things show some of the awesome things you can do with CSS, HTML and Javascript today.

Something that’s really interesting in web design today is WebGL, and this demo goes to show just what it’s capable of. This demo made by @soulwire is pretty incredible. Be amazed as thousands of elements move around the screen with no lag.

Into the Arctic uses a 3D map to show you what Greenpeace is doing in the arctic, as well as using sidebars and good user interface decisions to really give the user all the information they need. This kind of interactive experience is what many websites are going to look like in the future.

This website implements a lot cool things (full screen videos, page introduction animations, etc) which is a pretty good personification of the times, where these things are not only possible but quite easy.

Final Words

I hope you’ve found these websites and demos as cool as I have! Have any more that you want to share? Put them in the comments so we can see!

Greetings from Florida! I’m bored to death at work so I decided
to browse your blog on my iphone during lunch break.

I really like the information you provide here and can’t wait to take
a look when I get home. I’m amazed at how fast your blog loaded on my cell phone ..
I’m not even using WIFI, just 3G .. Anyways, excellent blog!