Brain Food for Web Developers

CSS layout design

April 15, 2012
by Graham

Responsive Web Design – A 3 Column Layout

Now that mobile browsing is expected to overtake desktop browsing within the next few years, web developers have to think about how their sites will appear on mobile devices. This post will talk about future-proofing websites with responsive design. I’ll demonstrate an example of a 3 column front page design, complete with JQuery slideshow.
Continue reading

JQuery Logo

July 3, 2010
by Graham
Comments Off on Automatically Generate a Table of Contents with JQuery

Automatically Generate a Table of Contents with JQuery

I’m going to walk through a little JQuery script that automatically generates a table of contents at the top of the page. This is useful when you have content arranged under several sub-headers (a typical Wikipedia page is a good example) and want to have quick links to each section. Continue reading

Table Code

July 2, 2010
by Graham
Comments Off on JQuery Tablesorter

JQuery Tablesorter

Want to improve the functionality of your HTML tables? Tablesorter is “a JQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes”. It is also cross browser friendly, working on IE6+. Continue reading