960 Grid System and Full Width Backgrounds
# Linked to 9 August 2010, 09:08 in Tips by Sam Brown
Best practices for implementing full width header/footer backgrounds using the 960 Grid System.
Semantically correct website logos
# Linked to 20 July 2010, 11:42 in Tips by Sam Brown
Article on the “best” approach to marking up site logos/headings.
IE-only Styles: Where Should They Be Placed?
# Linked to 8 July 2010, 15:00 in Tips by Sam Brown
How should IE-only styles be placed in your website’s code? Here is a review of all the methods, along with pros and cons for each.
The CSS white-space Property Explained
# Linked to 9 June 2010, 00:03 in Tips by Sam Brown
The CSS white-space property can come in handy in some instances. This article explains all its possible values.
How To Use RGBA In IE
# Linked to 3 June 2010, 05:50 in Tips by Sam Brown
The modern browsers all have rgba(), giving you a semi-transparent background colour while keeping the foreground elements (text, images) fully opaque. But if you want to use that in your design, what about IE? Here’s how to do it.
Create a smooth entrance for your website
# Linked to 31 May 2010, 01:38 in Tips by Sam Brown
A subtle fade-in animation when the website opens.
Using CSS3 Text Shadow for Active Link States
# Linked to 27 May 2010, 01:31 in Tips by Sam Brown
A simple technique using CSS3’s text-shadow property to create links that feel like real buttons.
CSS3 Click Chart
# Linked to 23 April 2010, 01:00 in Tips by Sam Brown
A CSS3 Click Chart displaying descriptions, syntax, and live examples of 14 different CSS3 properties and techniques.
Building sites without using IDs or classes
# Linked to 7 April 2010, 07:00 in Tips by Sam Brown
The pros and cons of developing using advanced CSS selectors.
Whenever you use :hover, also use :focus
# Linked to 1 April 2010, 11:42 in Tips by Sam Brown
Probably one of the most common accessibility oversights is neglecting to apply CSS to the
:focusstate of links whenever you style the:hoverstate. How much of a problem this oversight leads to for non-mouse users depends on what CSS is applied to the:hoverstate.