31 March 2008 | Team Tamar

JavaScript and CSS test page

As a precursor to a blog entry (coming soon) on Mootools vs jQuery I was just about to start playing around with both JavaScript libraries a couple of weeks ago. To do this I started writing myself a really quick HTML page to test them in (<html><body></body></html> sort of thing), when it occurred to me that I must have done exactly the same thing about twenty times before to experiment with various JavaScript and CSS functions.

So, I decided that this time I’d spend a bit longer and write a really multi-purpose test page that I could use over and over again. It took me about half an hour, but I think it was probably worth it. It is valid XHTML 1.1, contains (commented out) links to Mootools & jQuery JavaScript libraries as well as Eric Meyer’s and YUI’s CSS reset stylesheets so that you can easily include these if you wish.

It also contains many different type of elements (h1, h2, paragraph, unordered list, ordered list, table…) all with appropriate ids and classes so they can be easily linked into with CSS and JavaScript. This is pretty much everything I can think of that someone would want in an HTML page to play around with JavaScript and CSS, but if you want anything else it can of course be easily added.

If you do end up using it, please comment to tell me what you think 🙂

And here it is: Download index.html!


Team Tamar