In my first post on this subject, Reducing Code Bloat - Or How To Cut Your HTML Size In Half, I demonstrated how you can significantly reduce the size of a web document by simply moving style definitions externally and getting rid of a table-based layout. In this instalment I will look at the practice of semantic HTML and how effective it can be at keeping your markup tidy and lean.. [More]

Seperating the style from the markup of a web document is generally a painless, if sometimes time-consuming, task. In many cases however, the process can have some added speed-bumps; most notably when the original HTML is using an infamous table-based layout. The two most common speedbumps when dealing with table-based layouts and styling are recreating the classic borderless table and keeping the default table border appearance.. [More]

When it comes to designing and developing a web site the load time is one consideration that is often ignored, or is an afterthought once the majority of the design and structure is in place. While high-speed internet connections are becoming increasingly common there are still a significant portion of web users out there with 56k connections, and even those with broadband connections aren't guaranteed to have a fast connection to your particular server. Every second that a user has to wait to download your content is increasing the chance of that user deciding to move on.. [More]

When it comes to rollover effects in web design the most common way to accomplish the effect has traditionally been with JavaScript. Here are three CSS techniques that you might not have known about that accomplish the same effect.. [More]