Jens Oliver Meiert

Web Development × Engineering Management × Philosophy (13)

Articles and books on the craft of web development (with a focus on HTML/CSS optimization and maintainability), engineering management, and philosophy.

Diagnostic Styling Reloaded

Eric cultivated the concept of “diagnostic styling,” meaning using CSS to track down problems within HTML documents. I’ve been working with diagnostic style sheets for general quality assurance


#120 · · development, css, quality

WDR #3: Optional Tags, Unquoted Attribute Value Syntax

The Web Dev Report, issue #3.

#119 · · development, html

Microformats, Key Flaws

I like the idea behind microformats, but I’m not convinced of the way that idea is brought to life. I see three major flaws that appear to make microformats stand in their own way.

#118 · · development, html, css

XHTML, RIP

Let’s end this week of morbid posts: The XHTML 2 Working Group is expected to stop their work end of 2009. “Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009
”

#117 · · development, html

“handheld” Media Type, RIP?

Website authors don’t use handheld as it’s barely supported; mobile device manufacturers don’t support handheld because it’s barely used. This is kind of the situation I think we’re facing, and it’s a problem.

#116 · · development, css

Let’s Make The Web Faster

Two weeks after my last outcry regarding slowness on the Web there’s a more proactive response: Google launched code.google.com/speed, subtitled “let’s make the Web faster.”

#115 · · development, html, css, performance

Maintainability Guide

Maintainability is important in order to deal with change. Good maintainability means making change easier and more affordable, and avoiding change that is not necessary


#114 · · development, html, css, maintainability

Punctuation Cheat Sheet

Developing and working with international sites is an interesting challenge, not just because of right-to-left contents. Typographically, there are differences between many locales. To improve punctuation in Google translations I’m using a localization aid


#113 · · design, development

CSS: The Maintenance Issue #1 and How You Can Avoid It

The biggest—as most unnecessary—maintenance issue in web development is, as my recent research shows, style sheet naming and integration. Web developers use inadvisable style sheet names and inadvisable ways to integrate style sheets that force them


#112 · · development, html, css, maintainability

The Result of Maturity Is Simplicity

“Finally, it doesn’t lack some irony considering that web design gets often enough protected by the credo ‘the end justifies the means’ and pragmatism’s paid homage to. The question is whether you’re talking about unhealthy, sanctimonious pragmatism or—”

#111 · · misc

Notes on XML, Elements, and Attributes

Knowledge of the design of markup languages is something I consider beneficial for my job as a web professional. A few notes on XML design, inspired by internal and external documentation.

#110 · · development

Why CSS Needs No Variables

CSS variables and constants are one of the top features web developers are asking for in web development fora, magazines, blogs, and on W3C’s www-style. Following a concept written by Daniel Glazman and Apple’s Dave Hyatt, the WebKit rendering engine


#109 · · development, css

The Stupidest Style Sheet Name Ever

The last name you want to pick for your style sheet is “style.css”. Why is “style.css” such a poor CSS file name? The main reason is maintenance


#108 · · development, css

CSS: Style the Non-Obvious

One of the qualities you have to acquire as a web developer is to see the non-obvious, and to use that skill to your code’s advantage. Let me explain by two simple examples.

#107 · · development, css

Presenting
 the Google Shoe

They finally arrived, long longed for Google shoes, in this case the “Google j9t” model based on the Adidas ZX700. They’re not for sale but I might share the configuration I used to design them. The “Google j9t” may only be worn for dynamite fishing and important launches.

#106 · · misc

Performance of CSS Selectors Is Irrelevant


if you like to have a strict read of Steve Souders’ recent research. We’ve still got few but now a few more numbers backing up what we always suspected, that merely optimizing selectors is micro-optimization.

#105 · · development, css, performance

Website Optimization Measures, Part VI

In this episode: On the utilization of Google Friend Connect, maintenance of Google Analytics, sanity checks, type attributes, charset rules, cite elements, and ICRA labels. Fresh and sexy.

#104 · · development, optimization

When to Split Style Sheets

Three factors influence whether it makes sense to split style sheets: probability, meaning (aka semantics), and granularity.

#103 · · development, css

Another Survey (Including Website Usability Scale Template)

I’m doing it again: Do you have another 15 seconds to answer a couple of questions? The survey is based on the System Usability Scale (SUS) John Brooke presented in the 80s. Which means nothing less than that there’s another experiment taking place with me testing SUS.

#102 · · design, usability

Performance and RFC 2396

RFC 2396 specifies that relative URIs like //foo get resolved as http://foo. This means, if you link a resource like https://example.com/, @ href may as well just point to //example.com/.

#101 · · development, performance

Arial, Helvetica

An extension of my post on Arial and Helvetica: For those who want or have to use Arial as their standard font, there is no point in mentioning Helvetica anywhere in the code, as in arial, helvetica, sans-serif.

#100 · · development, css

The Two Great Things About Validation (and Conformance)

There are two great things about validation: Validating helps technical understanding and thus contributes to awareness of respective specifications, and writing valid code is a sign of professionalism.

#99 · · development, conformance

Browser Support: The Two Metrics That Count

There are two things that matter to determine what user agents—browsers—to support on a given site: First, what popularity (percentage of market) makes a browser important to support? Second, what browsers pass that threshold?

#98 · · development

5 Cool Ways to Support the W3C

I recently got a mail by someone interested in supporting the World Wide Web Consortium (W3C) similar to how I do it. While replying I noticed that the information I was about to share might not be obvious to everyone, but still important


#97 · · development

My Year in Cities, 2008

Following Anne; I couldn’t resist.

#96 · · adventure

HTML vs. XHTML: Why HTML Wins

Document types are cool, and there are plenty of them. There are plenty, countless discussions about the “right” document type, too. Alas, these discussions may deal with irrelevant details or miss the point.

#95 · · development, html

5 Tips To Deal With Right-to-Left Projects

Know what goes into your markup and what goes into your style sheets. It’s actually simple: When available, you should always use dedicated bidi markup to describe your content. CSS may not be available, and the specs actually say that


#94 · · development, css

The Greatest Secret in Web Design

Alright I cheated, this isn’t a secret. Or an open secret. Or whatever. It’s that web design is a process. Good web design is an ongoing endeavor.

#93 · · design, development, quality

WDR #2: Web Developers Needed for a Website

The Web Dev Report, issue #2, this time featuring a classic situation.

#92 · · development

How to Uncover Pseudo-Standardistas

There’s a growing group of developers that doesn’t help our attempts for faster, more accessible, more maintainable, and generally quality-oriented web development: pseudo-standardistas.

#91 · · development

WDR #1: Versioned Style Sheets

Ladies and gents, all I present’s
 the Web Dev Report, issue #1.

#90 · · development, css

5 CSS Tips Every Web Developer Should Know About

Of all the tips this site shares, the following ones may be special. Let’s quickly run through what might be essential for every web developer to know about CSS. Main focus: maintainability, though differently.

#89 · · development, css, maintainability

Website Optimization Measures, Part V

Almost half a year since the last article it’s about time to present version 5 of random website optimization measures, hopefully of use for your site as well. Short and crispy, to use a random German expression.

#88 · · development, optimization

Thoughts on Disclaimers

Disclaimers are popular in Germany, both for websites and emails. Recently I came across the German Wikipedia article on disclaimers which talks about the topic in detail, and I could not but go for another “thoughts” post


#87 · · misc

An Exercise for Emerging CSS Experts: Avoid IDs and Classes

To gain more expertise with CSS, there’s a great bonus level: Try to avoid IDs and classes altogether. That’s right: Write your markup without any IDs and classes.

#86 · · development, html, css

The Most Annoying Yet Most Important Task in Website Management


is link checking. There are tools out there, en masse, but we still have to run after professionals who neglect online fundamentals or don’t set up redirects—and with that waste other people’s time.

#85 · · development

meiert.com Survey Results

It’s one and a half months since I asked for your feedback about meiert.com, and I’ve finally decided to publish some of the results.

#84 · · misc

Code Responsibly

Exactly.

#83 · · development

Accessibility Heuristics

You can bolster your accessibility knowledge by internalizing heuristics and ground rules. Review the guidelines and rules provided by the W3C and IBM.

#82 · · development, accessibility

Web Standards at Google

As an exception, I’m writing as a Googler here: At Google, we care about web standards. Officially, that’s no news, but given repeated criticism for the code of our pages, maybe it is.

#81 · · development, quality

The Most Important Thing Is to Get the HTML Right

Why? Because it’s the markup that makes for most of the code of a site and is hence key to cost efficiency and maintainability; because it carries meaning and is important for accessibility; because it often has an impact on performance; and because it is the prerequisite for online success.

#80 · · development, html, quality, semantics, accessibility, maintainability

When Guidelines Should Be Descriptive or Prescriptive

Every time I’m putting up guidelines or conventions one of the decisions I need to make is whether the guidelines, or which parts of them, should be descriptive or prescriptive. For coding guidelines this could mean the difference between, say, “the markup should be valid” and “the markup must be valid”


#79 · · development, html, css, quality

How to Share Code With Users

If you share HTML/CSS code with users: Make sure that the code is valid and that ideally, it works with both HTML and XHTML. Focusing on valid code—a step towards quality code—should be obvious. “Invalidating” other people’s sites isn’t nice


#78 · · development, quality

Asking for Your Feedback

I’d like to ask for 15 seconds (meaning exactly 15 seconds) of your precious time for a short survey related to this website, to learn about your perspective.

#77 · · misc

To Be Clear (on Conditional Comments and Resets)

My articles on Conditional Comments and “reset” style sheets belong to the most popular articles on the respective topics not just on this site, but apparently on the Web. Now, it looks like I could still clarify my standpoint.

#76 · · development, html, css

Best Practices for ID and Class Names

I’m working on another article for German Dr. Web mag, this time covering recommendations for IDs and classes, an issue likely as old as the Web itself. Taking a different approach than usual I’m feeling free to publish a “guerrilla sneak preview” in this place.

#75 · · development, css

A Few Words on HTML/CSS Frameworks

Public, or open, or external, HTML/CSS frameworks are rarely a good idea. Why? Because framework developers are outside of your organization and cannot know your needs. This simple fact, the inevitable ignorance of a third party, means that—

#74 · · development, html, css, frameworks, minimalism

Updating a Definition of Art

When I tried to define art, design, and decoration, I described art as: “Art hides. Art has a meaning, and it hides it, on purpose. Art delivers a message, and that message is hidden, on purpose. It is an art to create art. Art is unusable, by definition.” Continued.

#73 · · design, art

Expertise and the Inverted Parabola

I’m not a mathematician!—but it looks like applying one’s experience and expertise results in an inverted parabola when it comes to the amount of work invested. That is, knowledge or its use, respectively, seem to mean that beginners don’t know what to do and thus don’t do much, while experts


#72 · · misc

Yes, You Can Use HTML 5

You can already use HTML 5: Just use <!DOCTYPE html> as your HTML documents’ document type. This works even though you will not yet benefit from new elements and attributes.

#71 · · development, html