CSS for Designers

Designing with CSS in MInd

Following up on last year’s presentation to developers on the benefits and capabilities of CSS3 in our work I was asked to provide similar info to one of the company’s creative teams. Participants included art directors and copywriters and although this team in particular did more interactive work than some of the others in the company they were still pretty unsure of how we developers produce our work (magic!).

The goals of this slide deck were to help everyone understand some of the technical aspects of CSS design, as well as offer some tools that could help them experiment with code on their own, become more efficient in certain processes, and take their learning further.

Hopefully others will find this useful in some capacity. If you do use it for training others, learn something new or have a suggestion I’d love to hear it, so please leave a comment.

Designing with CSS in Mind

An Introduction to CSS3

Last month I gave this training presentation to the Interactive team at work. While many of the concepts discussed may be nothing new to some of you it was intended to get everyone, including back-end devs and designers, on the same page as to what our capabilities are.

The clients in my particular industry tend to still be very conservative so the discussion of how to handle older versions of Internet Explorer comes up routinely. I mainly ignore IE in this slide deck because, let’s face it, it just isn’t going to handle many of these CSS3 properties without additional workarounds. I touch upon that a little, but the subtext is to always strive for progressive enhancement and graceful degradation.

Hopefully others will find this useful in some capacity. If you do use it for training others, learn something new or have a suggestion I’d love to hear it, so please leave a comment.

An Introduction to CSS3