Archive for the 'webdesign' Category

8-bit Color Cycling with HTML5

July 26th, 2010

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

July 8th, 2010

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

387

388

Temporary.cc

November 12th, 2009

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.

Temporary.cc

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

October 29th, 2009

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.

Daniel Leyva

Daniel Leyva

Daniel Leyva

Daniel Leyva

Daniel Leyva

Scrollbars

September 16th, 2009

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

Scrollbars by Andrey Yazev

adidas Y-3 Autumn/Winter 2009

August 28th, 2009

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.

adidas Y-3 Autumn/Winter 2009

adidas Y-3 Autumn/Winter 2009

adidas Y-3 Autumn/Winter 2009

adidas Y-3 Autumn/Winter 2009

adidas Y-3 Autumn/Winter 2009

adidas Y-3 Autumn/Winter 2009

SCR by tha ltd.

July 8th, 2009

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

Mug Shooter by tha ltd

Mug Shooter by tha ltd

Mug Shooter by tha ltd

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

July 1st, 2009

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.

Crispin Porter + Bogusky Beta

Cannes Cyber Lion Grand Prix 2009

June 25th, 2009

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

June 10th, 2009

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.

Uniqlo Calender

Uniqlo Calender

Uniqlo Calender

Uniqlo Calender


blogoscoop