Fluid layouts are often shunned by designers due to the perceived lack of control of the design. If the browser window is too small then content can look squashed whilst a large browser window can lead to readability issues due to long lines of content. However, CSS provides us with possibilities to control our design whilst also giving a little flexibility for a fluid layout.
Min and Max Width 3 Column Fluid CSS Layout
Top 10 Firefox Extensions for a Web Designer
I’ve decided that it’s time I made a top ten list of the extensions that I find most useful in my work and use at least on a weekly basis. I’m sure that most other web designers will have some of the more popular one’s installed but hopefully there’s one or two in there which are a bit more rare and may help out a few people.
Netscape – R.I.P.
I’m not sure how many other developers/designers are aware of this news but as of February 1st 2008, Netscape Navigator will no longer be supported by AOL.
Internet Explorer 8 and Acid2
With the news last week that Opera had filed an antitrust complaint against Microsoft with the European Union it looks like things may have turned the corner for the makers of Internet Explorer with the news that IE8 now passes the Acid2 test.
Float and Clear: A comparison of CSS clearing techniques
I’m sure that anyone who is involved with CSS development will have had to clear floated elements at some stage, but what different techniques can be used and more importantly which one prevails over the others?
3 Column Fluid CSS Layout
If you haven’t already had a look at the 2 Column Fluid CSS Layout tutorial then you may want to work through that one first as this tutorial is only a slight modification of all the rules already defined for that layout and just requires a few minor adjustments.
HTML Elements Quiz
How many HTML elements can you name in five minutes?
CSS Image Replacement
Quite often when designing a website we’ll want to replace a heading using an image and there are various techniques to do this but what’s the best method for using a CSS image replacement technique?
2 Column Fluid CSS Layout
Fluid layouts are often avoided by designers and developers because they’re deemed as being much more complex than fixed width layouts. However, hopefully this tutorial will encourage a few more designers to try their hand at fluid layouts and demonstrate that these kinds of layouts can be achieved easily by using CSS.
Search Engine Optimization Basics
Search engine optimization (SEO) is an important part of the web design process but it’s still amazing to see that so many web designers overlook it or don’t understand the basics.
Over the next few weeks I’ll be going into a little more depth and detail about how you can improve the performance of a website in the search engine result pages (SERPs) but today I’ll go over a few basic things that you can change on your site itself that will improve your rankings.