Archive for December, 2008

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

Google Chrome is frustrating me

Tuesday, December 16th, 2008

At work I reg­u­larly use Chrome as a second browsers, it is a effi­cient browser, quick to fire up, small memory foot­print and renders stand­ard based web pages cor­rectly. How­ever, it will not replace that memory hog Fire­fox 3.1 as my main browser. As the Web Developer Tool­bar and Fire­bug are the tools […]

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 …

Opacity vs RGBA at web mixed grill

Thursday, December 4th, 2008

My con­tri­bu­tion to Web Mixed Grill (think the Aus­tralian ver­sion of 24ways, no snow and mulled wine here, it is all cold beer and BBQs) on the Opa­city and RGBA has been published.

It was writ­ten fairly quickly (for me) …

24ways not to impress people

Monday, December 1st, 2008

24ways as seen ie IE6

This year’s edi­tion of the web geek advent cal­en­dar 24ways has arrived and caused a bit of a stir on twit­ter. One of the reas­ons is the people behind 24ways thought to hell with bad browsers we are going to use CCS3 and rgba which only works in Fire­fox, Safari & Chrome. Unfor­tu­nately they did not think much of people using Opera, IE6, IE7 or who browse without javas­cript.