Practical CSS3 - Mini Presentation & Demos

5:33p.m., Wed 19 Jan 2011

I just had to dig our some sample code from a CSS3 presenatation I gave to the team at Global Radio towards the end of last year.

We have short, snappy, useful (that's the plan anyway) on most Friday afternoons. I demoed these CSS3 techniques for fellow developers, designers, testers and project managers.

The aim was to share the techniques and introduce best practice. For designers it's useful to know what's possible (and the limitations of those possibilities) and for testers, well, the usual mindset is that web pages should look the same in all browsers but while introducing HTML5 and CSS3 that's not going to be the case. Older, minor browsers won't always get the 'full-fat' rendering. That's not to say we won't 'support' those browsers, just that some things might look plainer.

We're aiming at introducing elements of CSS3 and HTML5 incrementally - establishing code patterns and patterns of user and browser behaviour that we can agree on as a team. Introducing whole slews of new techniques and changing the thought process behind the design and development process is where dragons lie.

Re-reading the presentating and re-visiting the demos, I thought they were worth preserving online.

The presentations is available via slideshare and the demos are here:

http://www.gareth53.co.uk/static/css3-demos/