This is the start of my design rational list that will become a compilation of some of the most important CSS techniques that I think should be known to create a consistent layout. Set Base Font Size body { font-size: 62.5%; } Setting the body font-size to 62.5% will set a pages font size to […]
Generating a Liquid Layout in Joomla
I’m developing sites using the the CMS Joomla and building my own custom templates. Generating a custom template for Joomla or any other CMS offers some fun challenges. This small obstacle means that to get Joomla to serve up the page layout I created with CSS and html, I’ll need to tweak CSS, html and […]

Fixed, Fluid and Elastic Layouts
As a designer, I have 3 web page layout options: fixed, fluid or Elastic. I’ve learned that any one of these will make a successful website layout, as long as I keep usability in mind. Why is this so important? Now a days there are so many variables to design for: Screen size/resolution, browser choice, […]
Accessibility Practices: Correct Uses of Alternative Text
Designing & building websites involves many different elements – but one of the most important aspects to consider are web standards. These are agreed by the World Wide Web Consortium – W3C and without them you can forget about making a website accessible and ultimately useable. Every website I build will incorporate semantic XHTML mark-up […]
The Cost-effectiveness of Building Accessible Navigation
Good navigation is about finding the information instantly. This means it’s critical to consider the ability of your users and how they reach your navigation and find the content they want or need. There are a variety of ways in which users look at or hear your navigation options. And the abilities of these users […]
Nested List Example
A nested List: Coffee Tea Black tea Green tea Milk And the code for above would look like this: <html> <body> <h4>A nested List:</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> </body> </html>