Jens Oliver Meiert

HTML, CSS, and Web Development Practices: Past, Present, and Future

Published on Oct 15, 2009 (updated Feb 5, 2024), filed under (feed). (Share this on Mastodon or Bluesky?)

This and many other posts are also available as a pretty, well-behaved ebook: On Web Development.

The following is the more detailed alternative version of today’s talk at Teaching the Web, Potsdam. While blog posts occasionally get updated, this one might not.

Contents

  1. The Ideal World
  2. The Past (1990-1999)
    1. Standards
    2. Development Practices
    3. Problems
  3. The Present (2000-2009)
    1. Standards
    2. Development Practices
    3. Problems
  4. The Future (2010-2019)
    1. Standards
    2. Development Practices
    3. Problems
  5. Priorities for Web Developers
  6. Development Practices Compared

The Ideal World

Web development practices, the ideal situation.
Figure: Shiny, maintainable web development world. Structure, presentation, and behavior all separated except for some minor overlap with respect to integration (style sheet references in HTML documents, for instance) and interfaces (scripts manipulating documents in a smart manner).

The Past (1990-1999)

Standards

Development Practices

Web development practices in the past (around 1999).
Figure: Heaps of presentational markup taking care of what would be the job of style sheets; scripts manipulating document contents but also eyes, thus overlapping both structure and presentation.

Problems

The Present (2000-2009)

Standards

Development Practices

Web development practices in the present (2009).
Figure: Behavior moving over to manipulate more documents in an obtrusive fashion (also known as AJAX; pun intended); structure overlapping less presentation, as authors learn to use less presentational markup.

Problems

The Future (2010-2019)

Standards

Development Practices

Web development practices in the future (around 2019/2020).
Figure: Behavior backing off a bit, minding its own business a bit more; authors learning to separate even more structure, presentation, and behavior, without being quite there yet (aka “the ideal world”).

Problems

Priorities for Web Developers

Development Practices Compared

Web development practices, a comparison of the past, the present, the future, and the ideal situation we envision.
Figure: Bubbles all over the place; authors using less presentational markup and manipulating documents and styling-related aspects in a less wild fashion over time.

Many thanks to Asim Janjua for his work on the talk’s visuals.

About Me

Jens Oliver Meiert, on November 9, 2024.

I’m Jens (long: Jens Oliver Meiert), and I’m a web developer, manager, and author. I’ve worked as a technical lead and engineering manager for small and large enterprises, I’m an occasional contributor to web standards (like HTML, CSS, WCAG), and I write and review books for O’Reilly and Frontend Dogma.

I love trying things, not only in web development and engineering management, but also in other areas like philosophy. Here on meiert.com I share some of my experiences and views. (I value you being critical, interpreting charitably, and giving feedback.)