Environmental friendly CSS, the series

Anything is recyclable, so is your HTML markup. Claim the right to do it with nature-, eco-, environmental-friendly style sheets! (use whichever buzzword).

Buckle up, ‘cause we are introducing Environmental friendly CSS, a four article series, that aims to shift any novice and CSS expert alike — into ecologically aware client-side developer. The series is based on a real-world web site, developed as we speak.

The first article is expected this Thursday morning CET, and the others over the next three weeks. Here is the series overview:

1. Prepare your content and interface copy

   Think about the context, the content, the real users, accessibility and search engines.

2. Visually design information elements and user interface

   Go wild in your graphic editor to lead the eyes around the layout.

3. Mark it up!

   Create sound and solid markup, with accessibility in mind — without looking into the visual mockup.

4. Create bullet-proof, eco-friendly CSS

   Use CSS skills to recycle accessibility-related markup into visually attractive hints.

For all the fans out there: we are going to disclosure Director’s Special at the end of the series.