Why does some website text look bad on Windows?
Look at the difference between these two 50px headers that use the Georgia font: The top one is from IE8 on Windows Vista, whereas the bottom one is from Firefox 3.0.15 on Ubuntu 9.04. On Windows, the text is clearly less pleasant on the eye? It is has jagged edges, has a pixel or two […]
Web Design Tutorial – Centered area with drop shadow
In this tutorial we are going to create a very basic “blank canvas” webpage which has a central white cut-out with a drop shadow effect. Our “page” will be 960px wide, floated in the center of the browser window: Tutorial end product Click to enlarge Real-world example Click to enlarge
Supporting image alignment in your WordPress theme
If you are making a WordPress theme you owe it to the user of your theme to make sure image alignment works as expected. Most of the Visual Editor formatting buttons use inline CSS which won’t be affected by the theme but this is not the case with the alignment buttons in pages/posts when applied […]
Clearing floats with pure CSS
Do you ever use <br style=’clear:both’ /> or <div style=’clear:both’></div> in your webdesign? If you do, stop now, there is a better way to prevent subsequent page elements being affected by the previous floating sections: Bad: Why is it bad? <br style=’clear:both’ /> is bad because it introduces a blank line when you actually only […]
