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.

Marko Dugonjić is a designer specialized in user experience design, web typography and web standards. He runs a nanoscale user interface studio Creative Nights and organizes FFWD.PRO, a micro-conference and workshops for web professionals.

Interested in more content like this?