Posts Tagged ‘script’

Get that cool Google-style ‘reveal’ effect on your site.

Welcome back!
#uppingyourgame: an educator's guide to productivity is now up to v0.4!
(I'm looking for people to translate it into other languages when finished - if you're interested get in touch!)

Go to http://google.com. See how certain elements are revealed only when you move your mouse? That’s über-cool in my book. I wanted the same for the main part of my site - but have the coding skills of a rhino. :-(

Fortunately, my good friend Paul Lewis (@aerotwist) is a bit lot of a coding ninja. In fact, he’ll soon be packing his bags for Sweden to work for Fi, one of the foremost web design companies in the world. He took about 3.1 seconds to knock up the relevant scripts, etc.

So now, if you go to dougbelshaw.com you’ll notice that the bullet points fade in when you move the mouse. Classy. :-D

I’ve rewritten the README file included in the zip file below to make it more understandable by mere mortals, but you’ll still need to know your way around HTML. I’ll do my best to help if you get stuck and add a comment below, but I’m making no promises!

Posted: March 2nd, 2010
Categories: Technology
Tags: , , , , , , ,
Comments: View Comments.

Page Peel Script

Peel

Please note that this script is NOT my own work! As I have stated below, I am simply making it available here in case it is taken down elsewhere. I have no idea on how to modify it. Sorry.

If you’re reading this on the blog rather than via the RSS feed, you’ll probably have already noticed the new addition in the top right-hand corner. The way in which the page ‘peels back’ to reveal a link to my educational consultancy business was inspired by a number of sites I’ve seen recently who use it for advertising. It’s remarkably easy to accomplish. Here’s how… :D

(more…)

Posted: January 26th, 2008
Categories: Technology
Tags: , , , , , , ,
Comments: View Comments.

Powered by WordPress
Visitor graph
uncopyrighted