Archive for the 'css and html' Category

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.

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.

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.

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.

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.

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 …

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) …

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.

Well at least for the next two years

aka a review of Everything you know about CSS is wrong! by Rachel Andrew and Kevin Yank

I just fin­ished read­ing Everything you know about CSS is wrong! by Rachel Andrew and Kevin Yank. The title was chosen to be con­tro­ver­sial, the book is about using CSS tables for layout.