Archive for the 'css and html' Category

I am not the only one playing with CSS3

Tuesday, January 13th, 2009

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.

Browsers I rather not support

Sunday, January 11th, 2009

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

Cambria and Chrome

Saturday, January 10th, 2009

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

The State of the Web survey

Thursday, January 8th, 2009

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.

!important keyword and IE

Tuesday, January 6th, 2009

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.

first-letter pseudo element

Sunday, December 28th, 2008

I adore the prin­ted page and those little refine­ments such as Ini­tial Caps, that use to only be pos­sible in print. Here is an explan­a­tion of the first-letter pseudo ele­ment which allows you to rep­lic­ate that using HTML and CSS.

@font-face

Thursday, December 25th, 2008

My first exper­i­ment / tutorial in the pro­gress­ive enhance­ment series is with the @font-face prop­erty, so enjoy and please do not lit­ter the web with ugly sites that over use fancy type, mod­er­a­tion please.

Lessons in Progressive Enhancement with CSS2 and CSS3

Thursday, December 25th, 2008

I have start exper­i­ment­ing with CSS2 and CSS3 prop­er­ties to see what I can use now for pro­gress­ive enhance­ment. And by pro­gress­ive enhance­ment I do not mean Hey we are so f&#8230ing cool and if you are not cool enough to use the latest bleed­ing edge browser you can go and read our RSS feed. It is more great your are using a good browser, lets make your exper­i­ence bet­ter by provid­ing a design closer to what I would of liked to use if it was not for the lim­it­a­tions of other browsers.

I have been out shinyed

Thursday, December 18th, 2008

John All­sopp has just had pub­lished Shiny Happy But­tons on 24 Ways, and John has out shinyed my but­tons using CSS3 for pro­gress­ive enhance­ment at Web Mixed Grill.

>

shiny button as see in webkit nightly build

Start learning about CSS 2.1 and CSS3 now

Monday, December 8th, 2008

I just fin­ished explor­ing the lim­its of a few CSS3 prop­er­ties for another art­icle I wrote for web mixed grill. I quickly real­ised how lim­ited my know­ledge of CSS3 and even CSS2.1 is. The prob­lem has been that in the past few years I have been ignor­ing any CSS prop­er­ties not sup­por­ted by IE6. I was not will­ing to learn about prop­er­ties I could not put to imme­di­ate use, because the dom­in­ant browser did not sup­port it.

Well IE6 is no longer the dom­in­ant browser …