Archive for June, 2009

Very Excited about CSS3

Monday, June 15th, 2009

After spending a portion of the weekend coding my shiny new site I’ve really got the CSS bug again. So I was delighted when I checked Smashing Magazine for new articles and stumbled on their latest article about CSS3!

As usual, their article is an amalgamation of many many sources and very comprehensive. Wide support for attribute selectors is particularly good news as it means no more damn id’s on inputs! Psuedo classes look particularly useful for lots of things, but support for odd/even in table rows is pretty cool. Columns, Shadows (text and background), Border Images, Word Wrap are all very cool, but what I’m bowled over to see is multiple layered backgrounds. It’s a feature I’ve craved for so long, but honestly never expected to see, AND IT’S HERE!

A new beginning without Internet Explorer 6

Sunday, June 14th, 2009

IE6 DeadAt 3DPixel made the decision a few months ago that 7 years was a pretty good run for Internet Explorer 6, and that enough was enough. So we killed support for it in all future projects.

At the time, I don’t think I really considered the implications this would have to future designs, but 2 projects down the line, I have to say THANK GOD. I feel like a coder reborn (cheesy I know), I’ve rediscovered the joys of transparency, inline-blocks, and padding that doesn’t make me want to tear my own face off.

I’m also actually taking the time to look into CSS3, now that there’s actually a chance I’ll use it. Rounded corners are a godsend!

So I’d encourage any other coders out there to follow in the footsteps of 3DPixel, Facebook, Apple.. and numerous other big name websites, and lets kill it off for good!

CSS Rounded Corners

Sunday, June 14th, 2009

My first post on my shiny new blog is being written whilst I’m actually coding the template.

The CSS3 spec gives us access to rounded corners without the need for images and loads of xhtml.  Just add the following to the appropriate <div>.  I’ve absolutely no idea whether this works in IE7+ but I suspect it doesn’t and as it’s for my personal blog, I don’t care.  Internet Explorer users deserve to look at shitty looking pages tbh :p

-moz-border-radius: 5px;
-webkit-border-radius: 5px;