Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8

Progress always comes at a cost. In the case of web browsers, users bear the cost when developers take the rendering of certain authoring tools and browsers (especially Internet Explorer) as gospel. We could spend hours explaining why our sites broke, but wouldn’t it be better if they didn’t break in the first place?

Gustafson, Aaron. List Apart, A (2008). Articles>Web Design>Standards

From Switches to Targets: A Standardista's Journey

Version targeting allows browsers to much more easily develop new features and fix bugs and shortcomings in existing features, which has the potential to speed up the evolution of web design and development. That alone is reason enough to give it a chance.

Meyer, Eric. List Apart, A (2008). Articles>Web Design>Standards>Personalization

Accessibility is Part of Your Job

Accessibility is one of the fundamentals of the Web, so how people who claim to be passionate about the Web and say that they deliver high quality can choose to ignore it is beyond me.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Accessibility>Standards

Keep Browser Lock-Out a Thing of the Past

Browser sniffing and deliberately preventing people using a so-called unsupported browser from entering a site is a thing from the past that we do not need these days.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Standards>Personalization

The W3C Process May Be Slow, But Browser Vendors are Slower

Don’t blame the W3C for being slow when the real problem is browser vendors not implementing existing specifications fully and properly.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Standards>Web Browsers

POSH: Plain Old Semantic HTML

POSH, in case you haven’t heard of it already, is short for “Plain Old Semantic HTML”, and is obviously much quicker and easier to say than “valid, semantic, accessible, well-structured HTML”. Unfortunately POSH - semantic markup - is also something most people building websites or creating content for the Web have yet to discover.

Johansson, Roger. 456 Berea Street (2008). Articles>Web Design>Standards>HTML

Helping Your Client Maintain Markup Quality

One thing that is particularly frustrating with caring about Web standards and accessibility is what often happens after your work is done and a site is handed over to the client.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Consulting>Standards

Avoid the Void

There are plenty of occasions when coding JavaScript events where you simply need to call a function, for which an entire event registration model is too lengthy. The most commonly used method is to bind your event to an anchor link. The user clicks and the onclick event is fired, calling a reference to a function. Because the user isn’t actually visiting a URL, something has to be done with the href attribute.

Reindel, Brian. d'bug (2008). Articles>Web Design>Standards>JavaScript

The Two Fundamental and Opposing Views of the Web

Conventional wisdom states that a standardized set of computer communication languages, which every device understands, is a necessary component of interoperability. The most popular of these languages being Hypertext Markup Language (HTML). However, in order for this idea to come to fruition, all hardware and software vendors must come to a consensus on implementation techniques, as well as features and functionality. As the Web continues to grow, and the cost of developing new technology decreases, this becomes increasingly difficult to manage.

Reindel, Brian. d'bug (2008). Articles>Web Design>Standards

CSS 2.2

There are various reasons why CSS 3 is taking so long. Many of the issues are technical and can’t be avoided; problems when testing, issues with backwards compatibility and bugs with browser implementation. However there also seems to be a lot of politics involved.

Budd, Andy. Andy Budd (2007). Articles>Web Design>Standards>CSS

Use Only Block-Level Elements in Blockquotes

The blockquote element is not allowed to have text or inline elements as direct descendants. Only block-level (and in HTML 4.01 Strict, script) elements are allowed unless you use a Transitional Doctype, in which case both block-level and inline elements are allowed. But there are plenty of sites that use a Strict Doctype and still have blockquote elements that contain inline elements.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Standards>XHTML

Another Look at HTML 5

It has become evident to me that some of my previous comments about HTML 5 and what is going on in the HTML Working Group are the result of misunderstanding and overreacting on my part. I no longer think things are quite as bad.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Standards>HTML5

Is HTML 5 a Slippery Slope?

Tommy Olsson comments on the possibility of backwards compatibility and standardised error handling being bad for overall code quality.

Olsson, Tommy. 456 Berea Street (2007). Articles>Web Design>Standards>HTML5

Help Keep Accessibility and Semantics in HTML

If you think accessibility and semantics are important and should be improved in the next version of HTML, you need to act.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Standards>HTML

Guidelines for Creating Better Markup

I’ve mentioned several times here that I feel writing markup (or any other code, for that matter) is a craft. I take pride in writing as lean and clean code as possible. From the looks of things there aren’t a whole lot of other Web professionals that feel that way, but we do exist.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Standards>HTML

The Language of Accessibility

Good markup is accessible by default. As long as you’re using HTML elements in a semantically meaningful way—which you should be doing anyway, without even thinking about accessibility—then your documents will be accessible to begin with.

Keith, Jeremy. Adactio (2006). Articles>Web Design>Accessibility>Standards

Lame Excuses for Not Being a Web Professional

Excuses that may be valid in some circumstances are too often used to cover up somebody’s lack of knowledge about modern Web design or development.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Standards>Professionalism

Web Standards: It's About Quality, Not Compliance

In spite of the widespread acceptance of Web standards by a specific segment of the design and development community, hosts of professionals are working in direct opposition to these standards. A significant reason for why this is happening and how those not working with Web standards justify their activity boils down, I believe, to something regrettably simple: nomenclature.

Rutledge, Andy. AndyRutledge.com (2007). Articles>Web Design>Standards

Accessible Context-Sensitive Help with Unobtrusive DOM Scripting

This article demonstrates two methods of calling context-sensitive help in a web form: the Field Help Method and Form Help Method, in which unobtrusive DOM/JavaScript is employed to achieve the desired result. It also serves to illustrate the separation of the Structure and Behavior layers of a web page. Graceful degradation is employed to make sure that the help information is accessible if JavaScript is disabled or not available in a user agent.

Palinkas, Frank M. Opera (2008). Articles>Web Design>Standards>Help

Creating Accessible Data Tables

This article demonstrates how to code accessible data tables in (X)HTML, enabling visually impaired users who employ assistive technologies to interpret the table data. Two views of a tabular data table are presented and discussed.

Palinkas, Frank M. Opera (2008). Articles>Web Design>Accessibility>Standards

The Seven Rules of Unobtrusive JavaScript

I've found the following rules over the years developing, teaching and implementing JavaScript in an unobtrusive manner. They have specifically been the outline of a workshop on unobtrusive JavaScript for the Paris Web conference 2007 in Paris, France.I hope that they help you understand a bit why it is a good idea to plan and execute your JavaScript in this way. It has helped me deliver products faster, with much higher quality and a lot easier maintenance.

Heilmann, Christian. Opera (2008). Articles>Web Design>Standards>JavaScript

CSS 3 Attribute Selectors

CSS attribute selectors allow us to pinpoint the values of attributes of an element and to style that element accordingly. CSS3 introduces three new selectors that can match strings against an attribute value at the beginning, the end, or anywhere within the value.This provides powerful new ways to style elements automatically that match very specific criteria. In this article, I will put these new attribute selectors in action and create some clever CSS rules that attach icons to links based on the value of the href attribute.

Schmitt, Christopher. Opera (2008). Articles>Web Design>Standards>CSS

Semantic HTML and Search Engine Optimization

So what is POSH? No, it's not just some new clothing fashion hype amongst web designers - POSH is the acronym for Plain Old Semantic HTML. The term Semantic HTML is used for a variety of things, but it has it's origin in one objective: creating (X)HTML documents using semantic elements and attributes, as opposed to using presentational HTML.

De Valk, Joost. Opera (2008). Articles>Web Design>Standards>Search Engine Optimization

Web Video Compression

Nowadays, broadband connections are widespread amongst the internet. Finally, video can be effectively added to website. But which player and video codec to go for? And how to get your video out there? This article features some tips and tricks for compressing and delivering video to the web.

Wijering, Jeroen. JeroenWijering.com (2008). Articles>Web Design>Video>Standards

The Rise of Flash Video, Part 1

Nobody really expected the stranglehold that Apple, Microsoft and Real had on the web streaming market in 2003 to be broken. Yet by Spring 2005, just 18 months after that presentation, that is exactly what had happened. Those three web video delivery technologies practically vanished, replaced almost entirely by Flash Video. This is not to say QuickTime and Windows Media are dead technologies. They aren’t by a long shot, but when it comes to putting video on the web, the Flash Player has rapidly become the only game in town.

Green, Tom. Digital Web Magazine (2006). Articles>Web Design>Video>Standards