Chances are, if you are good at jQuery you will be pretty good at MooTools (after learning the new declarations etc). The same goes for in a larger extent SQL/MySQL/Oracle or ASP/PHP/Ruby etc.

This stems from when I was at college and we would write psuedo-code, programming without any actually code. Something like this:


if number is greater than or equal to 10 then
write "congratulations, you are a winner!"


Now this very basic bit of programming isn’t very complex, but when building up larger bits of code, the skill comes in how you construct your code, not what language you write it in.

note: I am still a huge fan of jQuery, but MooTools does look pretty awesome as well. Perhaps I’ll write my own little comparison once I’ve used it a bit more.

So I decided to create a ‘Kitchen Sink’ of markup and basic styling, using some content from the great HTML-Ipsum.com plus a few extra bits.

If you don’t currently use something like this already, I do urge to add it to your next new website, because even if you don’t include a table, or list at the moment, you (or your client via WYSIWYG) may do in the future.

The document is actually HTML5 and UTF-8, but you can copy and paste the HTML/CSS however you like. I also tend to add a reset style inside a global stylesheet to save downloading two documents. I’d love hear how you layout or comment your CSS and whether you split them into different files such as layout and typography too.

Open kitchensink.htm

Note: If you have any additional code or CSS which you think should go into the document, add a comment below. Thanks.