FaceBox By Buzz
Recently, since using 1Mb of JavaScript on every website has become acceptable practice, I’ve noticed an increase in the use of light/thickbox. I don’t this is neccessarily a bad thing - it does, however, become a problem when you start introducing functionlity within those windows (baskets, forms etc).
This is only a problem because, with JavaScript disabled (still, a lot of people have that), the functionlity won’t show - losing you a sale, or a customer. But there’s a solution I’ve been playing with!
Facebox is a blatant (but brilliant) ripoff of the technique employed by Facebook, but based on jQuery. It simply calls upon, then animates a DIV of your choice. This means that, amongst other benefits, there is a possibility to make this work with JavaScript disabled. In my example, I’ve simply shown the DIV within a <noscript> tag, and placed it at the bottom of the site.
This will mean that people with JS can happily view the notice in all its glory - whilst those with JS disabled will still be able to see the intended message. I’ll be using this on my next project, so I’ll let you know when that’s launched!
Visit the FaceBox site here
See my example here
Hey!
HeyBuzz is a collection of musings, learning's, tips and inspiration... mostly about digital stuff, as observed by Buzz.
Buzz is a sailor, skier, extreme sports enthusiast and designer living in London. He enjoys loud music, trying new things and talking crap. He doesn't really like reading though!
You can visit Buzz's sexy new design portfolio at BuzzGraphics.co.uk
1 Comment
[...] while back I mentioned FaceBox as a really convenient, unobtrusive popup script. The very same that Facebook use (see example) [...]
Tue 28th October 2008 reply
wanna say something?
If you've got an opinion about FaceBox - then why not say something? You can even subscribe to these comments via RSS!