Word-Wrap: A CSS3 Property That Works in Every Browser
# Linked to 22 July 2010 in Tutorials 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.
Semantically correct website logos
# Linked to 20 July 2010 in Tips by Sam Brown
Article on the “best” approach to marking up site logos/headings.
Adaptive float fixing
# Linked to 16 July 2010 in Tutorials 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.
CSS3 PIE: CSS3 decorations for IE
# Linked to 14 July 2010 in Links by Sam Brown
PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.
A manageable method for creating CSS image sprites
# Linked to 9 July 2010 in Tutorials 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.
IE-only Styles: Where Should They Be Placed?
# Linked to 8 July 2010 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.
Prefix or Posthack by Eric Meyer
# Linked to 7 July 2010 in Articles 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.
Cross-browser kerning-pairs & ligatures
# Linked to 29 June 2010 in Code by Sam Brown
Improved handling of kerning pairs and ligatures in modern browsers using the
text-rendering: optimizeLegibility;declaration.
Body IDs—making life easier for yourself
# Linked to 25 June 2010 in Tutorials 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.
Creating a pure CSS dropdown menu
# Linked to 22 June 2010 in Tutorials by Sam Brown
Creating a pure CSS dropdown menu, using webkit animations and progressive enhancement.