The awesome internet (week 41)

12 October 2011

From today on I will post a list of the most awesome stuff I come across every week. You can see this as a weekly chart of the best of the internet, seen from the eyes of a webdeveloper. I'll try not to bore you with much text...

Marc Altshuler: Logorama





First up is a super awesome video created with nothing else then logo's. It is already a little "old", but this one is só good, I had to start the first edition of The Awesome Internet with this!

This is a short film that was directed by the French animation collective H5, François Alaux, Hervé de Crécy + Ludovic Houplain. It was presented at the Cannes Film Festival 2009. It opened the 2010 Sundance Film Festival and won a 2010 academy award under the category of animated short.

Just watch and enjoy!

Ellie Goulding WebGL music clip




Well, this is the future of the internet: webGL. WebGL stands for Webbased Graphics Library. One mouth full and a quite difficult matter, but let's not dive in technique and see what's so awesome about it.

Funny use of overlays on Google Maps




Open this website, scroll down and click the address on the left most corner. The map shown doesn't use overlays to do boring stuff such as showing where to go, but it places coffeee stains and candy on the map. As if it was a map on your cluttered desk. www.frontlab.nl

Screw the vendor prefixes




Lea Verou, a well known CSS3 pioneer created this handy plugin:

A script that lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.

http://leaverou.github.com/prefixfree/

Fronteers IRC




If you want to join the best Dutch frontend webdevelopers, you can't mis this awesome association. Join the Fronteers IRC channel for a chat!

Free CSS animations




Dan Eden created a free-to-use CSS animation pack. Check out the site for some cool demo's: http://daneden.me/animate/

View websites together




This is a nifty tool to view a website together with somebody else, over the internet. Great for getting feedback or helping out clients.

The future of CSS




I'm not a great fan of the animations in the proposal, but I really like the filter shaders that enable you to use blur, gamma, hue, etc.

Do you like the background of this site?





The image used in the background of this site is one of the great quality tileable background patterns available at www.subtlepatterns.com. I also added a CSS3 faux vignette effect which is also really easy:

body {
    background-image:
         -moz-radial-gradient(50% 50%, transparent 0%, transparent 60%, rgba(0,0,0,.4) 100%),
         url('http://www.subtlepatterns.com/patterns/carbon_fibre.png');
}

With this technique you can also create something similar to the iCloud.com vignette background.
You must have JavaScript enabled to use this form!

Leave a comment!

  1. Your mail is safe with me. It's only only used to display your Gravatar image!

2 comments

  1. Johan van Tongeren Gravatar

    Paul Klinkenberg

    14 October 2011

    I was checking the Ossum webGL example you were linking to. My macbook pro had real problems displaying it. No smoothness at all. Time for a new mac ;-)

  2. Johan van Tongeren Gravatar

    nathalie van dijk

    14 October 2011

    alright: awesome!