Hi guys, alot of people find z-index a tricky property to use, and alot of the time they feel it doesn’t work. Smashing Magazine have written a post that explains how it works in great details, but I’ll cut to the chase, when it doubt add position:relative (unless ofcourse you don’t want the position to be relative, in which case choose absolute or fixed).
If adding that didn’t help, get the full rundown at The Z-Index CSS Property: A Comprehensive Look.
Just in case you’ve been living under a rock this past year.. ReadWriteWeb have put together a nice succinct guide to whats been goin down on the interwebs in 2009. Interesting reading:
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!
