I found a very useful post on perfectly stretchy page background images using CSS. Normally this is done with a negative z-indexed flash layer, but this method does away with that. Get the full details on CSS Tricks: Perfect Full Page Background Image.
More good stuff from Janko (He also wrote the screen dimming javascript), this is slick usage of z-index to create a sophisticated “ShareThis” box for your content. Read the rest of Create fancy share box with CSS and jQuery.
For Bianco Footwear:
There are some pretty brilliant ads rolling on this site, it’s even helpful enough to auto play each one in turn for you, so you don’t even have to click your mouse!
Have a lookie at Very Funny Ads.
Crazy Egg extends your standard analytical software (I use google analytics like most of you out there). It allows you to visualise the behaviour of your traffic on any particular page or set of pages, and make UI design decisions accordingly. This is also pretty darn useful if you are trying to convince your client to go with a certain design or show them that they need a Design and Usability overhaul.
Here’s a working demo.
This is what I consider to be the best JQuery Gallery/Image Rotator available, its simple to install and easy to customise. You can either use it as a gallery or as an A feature slider on your homepage.
The only thing that I’d change is allow the developer to choose whether or not to use #hashtag deep linking, i.e. the URL changes to http://url/#imagenumber. Currently this is compulsory, and causes a little “clicking” noise in evil IE6.
Here’s an advanced example.
Information is Beautiful: In the same vein as Hans Rosling these guys take information and visualise the cr@p out of it. Brilliant!
Notable Posts: Google is not a search engine, If Twitter was 100 people, Not enough nukes
Brand New: Provides commentary on before and afters, history, and timlines of excersises in branding, fascinating!
Noteable Posts: Coke vs Pepsi, TRON, NSW GOVT
This is about a succinct a guide as I have seen regarding social media and what it means to agencies and clients, enjoy!
Ever feel like your getting stuck designing the same wireframes over and over again? Or have your concepts stopped looking like concepts? The list of sites below will both inform and inspire you to go beyond the day to day Design and UI principles you use.
Design and Layout Examples:
UI Component Libraries:
UI Patterns (fat footer description)
Cut n Paste Resources (CSS/Javascript etc):
This very cool effect is like Lightbox for videos, its been seen on many a site, most prominently on youtube and the divx web player. Now you can implement it on your own site.
Check it out at the author’s blog Janko at Warp Speed.