Submit a CSS related link →

Posh CSS

For the modern day web designer.

Word-Wrap: A CSS3 Property That Works in Every Browser

# Linked to 22 July 2010 in by Sam Brown

The word-wrap property is one of the oldest CSS3 properties, it works in IE6, and has a practical use especially for bloggers.

Read more at www.impressivewebs.com →

Semantically correct website logos

# Linked to 20 July 2010 in by Sam Brown

Article on the “best” approach to marking up site logos/headings.

Read more at gandrweb.com →

Adaptive float fixing

# Linked to 16 July 2010 in by Sam Brown

A common problem faced by many web developers is how to correctly handle a series of floated, margined elements inside a fixed width container.

Read more at www.venturelab.co.uk →

CSS3 PIE: CSS3 decorations for IE

# Linked to 14 July 2010 in by Sam Brown

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.

Read more at css3pie.com →

A manageable method for creating CSS image sprites

# Linked to 9 July 2010 in by Sam Brown

In this post I’d like to go over the steps that I use when creating CSS image sprites for any front end development work that I am involved in.

Read more at www.lifeathighroad.com →

IE-only Styles: Where Should They Be Placed?

# Linked to 8 July 2010 in 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.

Read more at www.impressivewebs.com →

Prefix or Posthack by Eric Meyer

# Linked to 7 July 2010 in by Sam Brown

Vendor prefixes: Threat or menace? As browser support (including in IE9) encourages more of us to dive into CSS3, vendor prefixes such as -moz-border-radius and -webkit-animation may challenge our consciences, along with our patience. But while nobody particularly enjoys writing the same thing four or five times in a row, prefixes may actually accelerate the advancement and refinement of CSS. King of CSS Eric Meyer explains why.

Read more at www.alistapart.com →

Cross-browser kerning-pairs & ligatures

# Linked to 29 June 2010 in by Sam Brown

Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility; declaration.

Read more at www.aestheticallyloyal.com →

Body IDs—making life easier for yourself

# Linked to 25 June 2010 in by Sam Brown

One thing any good developer will tell you is that efficiency is key. Whether that be workflow, the code itself, or just achieving a single goal. Invest a little forethought at the beginning to save a lot of time later. I like to think of it as being cleverly lazy. One great example of this is by simply utilising the id="" attribute on the <body> element. Yep, really, something as simple as that.

Read more at www.venturelab.co.uk →

Creating a pure CSS dropdown menu

# Linked to 22 June 2010 in by Sam Brown

Creating a pure CSS dropdown menu, using webkit animations and progressive enhancement.

Read more at www.venturelab.co.uk →