Real World CSS3 for designers – Dan Rubin workshop

13 10 2010

Dan Rubin’s CSS3 workshop was featured as part of the Web Directions South, which is a very popular event for web professionals.

It must be said that Dan is a bit of celebrity in this community as he has been involved in many high profile projects and contributed to a number of influential texts in this field. For example, Dan is a contributing author of Cascading Style Sheets: Sepa­rating Content from Presen­tation (2nd Edition, friends of ED, 2003), tech­nical reviewer for Beginning CSS Web Devel­opment (Apress, 2006), The Art & Science of CSS (Site­Point, 2007) and Sexy Web Design (Site­Point, 2009), coauthor of Pro CSS Tech­niques (Apress, 2006), and Web Stan­dards Creativity (friends of ED, 2007).

Even though I am not a designer in my current job, occasionally I do some freelance work, and, as my approach focuses on accessibility and usability, there is a significant role for CSS in the design process. Ironically, I really got into CSS when one of my PhD advisers, Tim Brook helped me to solve a design problem on a website project titled swipe. My initial design was of a bar code that was composed of images sliced into a table and then JavaScript was used to do roll overs and change words. My approach could only be described as very 1997, as despite my awareness of the accessibility issues, I could not think of another solution except for Flash. After Tim looked at the website he sent through a small piece of CSS which gave me the roll over. This was enough to get me thinking and playing with CSS as a design tool and I was very happy with the result.

The idea of play was a big theme in Dan’s workshop, which was a very practical tour of websites and tools that are utilising CSS3. The two things that were the most inspiring was media queries (new and easy ways of including multi device support in one style sheet) and the availability of a range of fonts that you can access and download.

The range of tools and the browser support for CSS has been exponential and Dan’s survey of CSS3 was very helpful. I will certainly be downloading tools such as CSS Edit (Mac), Modernizr, Selectivizr and accessing the quirksmode, hard boiled web design by Andy Clark and realworldcss3 by Dan Rubin websites as resources.

Some useful links from Dan’s workshop:

I am definitely inspired to experiment and remember the fun of play and of creative problem solving with CSS design. I have started a sandbox section of my blog to document my experiments and will share this play with readers.

Advertisements

Actions

Information

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s




%d bloggers like this: