Archive for January, 2009

Drop caps, first-letter and Firefox

Monday, January 19th, 2009

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.

I am not the only one playing with CSS3

Tuesday, January 13th, 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.

Browsers I rather not support

Sunday, January 11th, 2009

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

Cambria and Chrome

Saturday, January 10th, 2009

A little experiment with a two popular windows fonts and a number of different browsers, and one painful result

The State of the Web survey

Thursday, January 8th, 2009

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.

!important keyword and IE

Tuesday, January 6th, 2009

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.