today and tomorrow » webdesign

8-bit Color Cycling with HTML5

pieter | today and tomorrow — Mon, 26 Jul 2010 14:22:55 +0000

8-bit Color Cycling with HTML5. Euh what? A few years ago, video cards could only render 256 colors at a time. So it was very hard to do nice animations. That’s why they invented color cycling. Certain pixel areas cylce through a palette of colors to suggest animation. A very simple idea with a really nice aesthetical outcome.
Joseph Huckaby adapted this principle to HTML5 (forget about Internet Explorer) and brought some artwork by Mark Ferrari to life. Check out these examples. And if you’re up for it, here‘s some more information.

found via @mrdoob

387 & 388

pieter | today and tomorrow — Thu, 08 Jul 2010 07:44:55 +0000

387 & 388 are Andrey Yazev his latest HTML & javascript experiments. Both work best with Safari or Google Chrome, especially 388.

387

388

Temporary.cc

pieter | today and tomorrow — Thu, 12 Nov 2009 21:03:53 +0000

Temporary.cc is the latest project of Zach Gage. In short, it’s a website that deletes itself.

For each unique visitor it receives, Temporary.cc deletes part of itself. These deletions change the way browsers understand the website’s code and create a unique (de)generative piece after each new user. Because each unique visit produces a new composition through self-destruction, Temporary.cc can never be truly indexed, as any subsequent act of viewing could irreparably modifiy it.

Eventually, like tangible media, Temporary.cc will fall apart entirely, becoming a blank white website. Its existence will be remembered only by those who saw or heard about it.

Another project by Zach worth mentioning is Lose/Lose. It is a video-game with real life consequences. Each alien in the game is created based on a random file on the players computer. If the player kills the alien, the file it is based on is deleted. If the players ship is destroyed, the application itself is deleted.

found at CreativeApplications.Net

Daniel Leyva

pieter | today and tomorrow — Thu, 29 Oct 2009 12:06:00 +0000

You should check out Daniel Leyva his website, especially the part hidden behind the little door. He made some nice little interactive pieces, the best part is that he didn’t use any Flash.

Scrollbars

pieter | today and tomorrow — Tue, 15 Sep 2009 23:57:15 +0000

Scrollbars is javascript experiment by Andrey Yazev. You’ll need the Google Chrome or Safari 4 browser to see this effect.

adidas Y-3 Autumn/Winter 2009

pieter | today and tomorrow — Fri, 28 Aug 2009 17:02:11 +0000

Autumn is right around the corner and most fashion brands are launching their campaigns. So did adidas Y-3, last season was all about surveillance cameras, this time the campaign is called “Satellite”. The website is once again a very nice execution of this concept, the digital glitches during the transitions are top notch. When it comes to the apparel, well it’s adidas Y-3, it’s not for everybody but there some nice pieces in the collection.
Made by Sid Lee Amsterdam.

SCR by tha ltd.

pieter | today and tomorrow — Wed, 08 Jul 2009 11:15:24 +0000

tha ltd. has just launched a new website for SCR, its creative label intended to serve as a platform for artworks and projects emerging from the recent digital/network media movements. They produce, develop, and sell various interactive art / software / motion-based projects. You might remember their Dropclock screensaver from last year.
Beside the relaunch, they also added 6 new pieces. 4 of them are made by Brendan Dawes, Delaware, Andreas Müller and Theodore Watson, the other 2, which I like best, by tha ltd. themselves.

MUG SHOOTER by tha ltd.

MUG SHOOTER is a screensaver that takes a unique mug shot of you and shares it to the world. A special camera that uses the automatic face recognition system morphs your facial expressions as you move parts of your face. Play around, have fun, and post a unique mug shot of yourself! (Please note, this screensaver displays the 50 most recent posts only, and old images will be automatically deleted. Your posts will be displayed for a limited time of around 1 ~ 10 days.)

CRASHCLOCK by tha ltd.

CRASHCLOCK is a screensaver that depicts the destruction of 4 truss structures falling vertically against the ground in slow motion.

This project is based on a project “CRASH” which was created for an exhibition called “bones” directed by Shunji Yamanaka at the 21_21 DESIGN SIGHT.

Crispin Porter + Bogusky Beta

pieter | today and tomorrow — Tue, 30 Jun 2009 22:46:59 +0000

Crispin Porter + Bogusky is one of the hottest advertising agencies around with an amazing portfolio. The only problem they have is their current website, it is not and never was a good website. That website is actually that old that I don’t remember an older version of it.
Yesterday they made the beta version of their new website available to the public. I’m happy that they didn’t go the Wieden+Kennedy road, which is a 2 year old Flash monster, they don’t even update their timeline anymore.
The CP+B beta site is very reduced, they only show the logos of a few of their clients and present their work through videos and links to external websites. That’s it, no big write up on how they did their award winning campaign, the works speaks for itself.
Below their work you find 3 columns where the aggregate content. 2 columns are dediced to the client, one with links to traditional media news and one to blog posts related to the brand. The left column shows all the tweets from and @Bogusky, plus tweets about CP+B. They claim that they will not filter anything, a bold move!
In a few weeks they will release Nude, the code behind this site, as an open source project. Another bonus point.
So here is video of Alex Bogusky explaining the features of the beta site.

Cannes Cyber Lion Grand Prix 2009

pieter | today and tomorrow — Wed, 24 Jun 2009 23:14:22 +0000

Tonight was the award show of the Cannes Cyber Lions 2009, one of the most well-known awards in the advertising industry. This years winner of the Grand Prix was Fiat eco:Drive by the agency AKQA London.
Fiat eco:Drive is system that is very similar to Nike+. When you plugin in an USB stick in to your Fiat, all the data of your drive will be saved on it. Back at home, you can upload that data to a small piece of software that analyses and visualizes it. Then you’ll get tips how to drive more efficient and save fuel to be more eco friendlier. Etc etc … I just love projects like this one, an excellet combination of the online and offline world.
All the other winners of the Cyber Lions will be online in the morning.

If you want to know more about this, then you should watch this video where Adobe talks to Fiat and the agency about the whole process.

Uniqlo Calender

pieter | today and tomorrow — Wed, 10 Jun 2009 14:15:01 +0000

Uniqlo Calender is the latest Uniqlo website to browse their apparel collection. This time they used those popular tilt shift videos to select a color. When you click on the video, a mosaic of Uniqlo apparel appears on top of it with the main colors matching to the video. When you click on an item you’ll get a detail view where you can click again to get to the next mosaic and so on. But the videos are the definitely the best part, the music is actually quite cool too. Like with every Uniqlo website, the attention to every little detail is amazing, just have a look at the little step by step guide to customise the widget. The Uniqlo Calender is not a groundbreaking website, it is just executed to perfection.
And while you’re at it, check the Uniqlo Tokyo Fashion Map too.

The Turn

pieter | today and tomorrow — Thu, 04 Jun 2009 08:18:02 +0000

The Turn is a new interactive website by the multi-media artist & singer Fred Viola, you probably know his “The Sad Song“. It’s been a while since I’ve spend more than 10 minutes on flash website, so that is quite an achievement. Visit it now!

Web Trend Map 2009

pieter | today and tomorrow — Sun, 05 Apr 2009 14:53:26 +0000

Just like the last 3 years, the Web Trend Map 2009 by the Information Architects gives you the perfect overview of the internet. They mapped the 333 most influential web domains and the 111 most influential internet people onto the Tokyo Metro map. The height of a station refers to its traffic, revenue and trend. Its width represents the stability of the company behind the domain. If it is possitioned on a main line then it is a classic site and so on.
It is nice to see how they add more info over the years. The only minus is the black layout.

Chrome Experiments

pieter | today and tomorrow — Thu, 19 Mar 2009 00:48:04 +0000

Google launched the website “Chrome Experiments” today, to show off the capabilities of Javascript in web browsers. Of course they want to promote their own Chrome browser, which is still not available on the mac. On the website you can find 19 experiments made by some familiar names like Casey Reas, Josh Nimoy, Hi-ReS!, Karsten Schmidt, Mr.doob, …
My favorites so far are Browser Ball and BallDroppings.

This video is a compilation of all the experiments:

Browser Ball:

BallDroppings:

Glitch Browser

pieter | today and tomorrow — Wed, 18 Mar 2009 01:14:35 +0000

Glitch Browser is a website that lets you browse other websites. The only catch is that the Glitch Browser filters out all of the images and manipulates them just a little. This should be a default functionality of every web browser.

Out in the Wind

pieter | today and tomorrow — Fri, 06 Mar 2009 01:02:37 +0000

Out in the Wind is the latest website by Rafael Rozendaal, keep an eye on your mouse pointer!