The Lab
This is a collection of techniques, tricks and experiments in code. It’s mainly in XHTML and CSS, but you might find some JavaScript, SVG, and perhaps a few other things as well. Some of these ideas are my own; others are based on things I came across in books, mailing lists or around the web, and decided to try out.
If you want to use any of these techniques, feel free to dig into the code and see how it works. All my original code is released under the Creative Commons Attribution license, so you can re‐use whatever you like. Just remember that not everything here is production‐ready or easy to implement. It may not come with instructions, either.
Demos and techniques
- Equal height columns with CSS
Side-by-side elements behaving like table cells with pure CSS.
- Equal height columns with CSS, Part 2
Side-by-side elements behaving like table cells. CSS and scripting workaround to make IE behave.
- Tabbed interface with CSS
Show and hide different parts of an interface with pure CSS tabs.