Welcome to the home page of Sam Page.
The website has primarily acted as a 'digital playground' to experiment with new and emerging technologies over the years.
If you're interested in any of the technology I am using, click the 'Resource[s]' tab below for a full reference.
I'm now the co-founder of a digital consultancy in London called 7dots. To find out more information, please visit the 7dots website at www.7dots.co.uk.
TEST 1 - Google Friends bar at the bottom of the screen
TEST 2 - Comments and ratings |
TEST 3 - Ratings and Reviews |
Below is a list of all of the technology used on this site and links to various 'hacks' and fixes I have used to make sure the site is cross-browser compatible and conforms to W3C standards.
How to force a verticle scroll bar in Firefox without effecting Internet Explorer or other broswers (useful with verticle animation effects):
http://freizl.blogspot.com/2008/01/force-vertical-scroll-bar-in-firefox.html
html {overflow-y:scroll;}
Use JavaScript to calculate the height of the body including scrolling area in the head area:
function zxcBdyWH(){
if (document.body.scrollHeight>document.body.offsetHeight) return [document.body.scrollWidth,document.body.scrollHeight]; // all but Explorer Mac
return [document.body.offsetWidth,document.body.offsetHeight]; // Explorer Mac;
}
Onload set the DIVs height to equal the page height:
<body onload="document.getElementById('overlay').style.height=zxcBdyWH()[1]+'px';">
Lightboxes are a way to display a image on the same page elegantly. Find out more here:
The JavaScript files behind the animation effects on this site:
Lightboxes are a way to display a image on the same page elegantly. Find out more here:
http://www.jslint.com/ that will make it comply with all the browsers and javascript packers and then you can pack it with: http://dean.edwards.name/packer/
img { display:block;}
I'm currently developing the image application for this site.
Some snippets of the latest news from my life.
It just goes to show, ensuring the careful use of H1s, H2s and H3s as well as a little attention to body copy and the good old meta description tag can land you 1st place on Google relatively easily!
Base One (my employer) wins B2B Agency of the year at the B2B Marketing Awards.
More information and photos: http://www.baseoneinteractive.co.uk/default.asp?docId=13410
Some of the charities that I support (and you should too).
Join thousands of people who believe they can help end cruelty to children. It takes less than 5 minutes and you could help make a difference.
More information visit: http://www.nspcc.org.uk/