I have been experimenting with the :first-letter pseudo-element to try and write up a tutorial on using first-letter, adjacent selectors and @font-face to produce drop caps and I have run into a problem in the form of Firefox. Because you need to apply the property float: left to stop first-letter being an inline element and Firefox applies different rules to floated :first-letter pseudo-element than the other browsers, making it difficult to vertically align a floated :first-letter pseudo-element and the the remaining text.
Archive for January, 2009
There are a number of people demonstrating what is possible is possible with CSS3, here are a few of the better ones I have found.
My wish list of browsers I would like not to support in 2009. One might surprise you and top of my list is not IE6
A little experiment with a two popular windows fonts and a number of different browsers, and one painful result
aka thoughts on what everybody else is doing
I have just finished reading The State of the Web survey results. I was surprised by the results of the survey of current web practices, I always considered myself an early adopter of design and development practices and technologies when it comes to HTML, CSS and the ilk. With an early adopter audience, I expected to be in the middle of the pack of the survey with my design and development practices.
Yeah in a comment to my recent @font-face post suggested that you should place the conditional comments last because how IE6 does not handle the !important keyword correctly.
I will stick with my original decision of placing conditional comments first, because while IE7 and below do not handle the !important keyword as per the W3C specifications, they do apply !important consistently.