Archive for January, 2009

I have been exper­i­ment­ing with the :first-letter pseudo-element to try and write up a tutorial on using first-letter, adja­cent select­ors and @font-face to pro­duce drop caps and I have run into a prob­lem in the form of Fire­fox. Because you need to apply the prop­erty float: left to stop first-letter being an inline ele­ment and Fire­fox applies dif­fer­ent rules to floated :first-letter pseudo-element than the other browsers, mak­ing it dif­fi­cult to ver­tic­ally align a floated :first-letter pseudo-element and the the remain­ing text.

There are a num­ber of people demon­strat­ing what is pos­sible is pos­sible with CSS3, here are a few of the bet­ter ones I have found.

My wish list of browsers I would like not to sup­port in 2009. One might sur­prise you and top of my list is not IE6

A little exper­i­ment with a two pop­u­lar win­dows fonts and a num­ber of dif­fer­ent browsers, and one pain­ful result

aka thoughts on what every­body else is doing

I have just fin­ished read­ing The State of the Web sur­vey res­ults. I was sur­prised by the res­ults of the sur­vey of cur­rent web prac­tices, I always con­sidered myself an early adop­ter of design and devel­op­ment prac­tices and tech­no­lo­gies when it comes to HTML, CSS and the ilk. With an early adop­ter audi­ence, I expec­ted to be in the middle of the pack of the sur­vey with my design and devel­op­ment practices.

Yeah in a com­ment to my recent @font-face post sug­ges­ted that you should place the con­di­tional com­ments last because how IE6 does not handle the !import­ant keyword correctly.

I will stick with my ori­ginal decision of pla­cing con­di­tional com­ments first, because while IE7 and below do not handle the !import­ant keyword as per the W3C spe­cific­a­tions, they do apply !import­ant consistently.