Archive | CSS

CSS Rational

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 […]

Example of a Fluid Layout

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 […]

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>