Are We Designers or Developers?

On the about page of this site I used to call myself a “developer/designer/occasional writer”. It’s a bit confusing, and I still find it hard to know what to answer when someone asks me what I do for a living. Am I a Web designer? A Web developer? A Web programmer? All of them? Neither? It really is a difficult question to give a simple answer to.

Johansson, Roger. 456 Berea Street (2007). Careers>Web Design>Programming>Writing

Accessible Expanding and Collapsing Menu

A website’s navigation should, in my opinion, be visible and straightforward, not hidden away like this or in flyout/dropdown menus. But...

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

Creating Bulletproof Graphic Link Buttons With CSS

A CSS problem I have been wrestling with lately is how to create a bulletproof shrinkwrapping graphic button. By that I mean an image-based button that will expand and contract to fit the amount of text it contains. It is a very useful technique for CMS-driven sites that allow the client to change the text that is displayed on buttons, as well as for multilingual sites.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Graphic Design>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

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

How to Prevent HTML Tables from Becoming Too Wide

The layout model of tables differ from that of block level elements in that they will normally expand beyond their specified width to make their contents fit. At first that may sound like a good thing – and it often is – but it makes it possible for oversized content to make text unreadable or completely break a site’s layout, especially in Internet Explorer.

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

Unobtrusive and Keyboard Accessible Connected Select Boxes

Any web developer who has created a reasonably complex form is probably aware of the concept of multiple select elements that are connected – choosing something from one select box either makes a new select box appear or changes the options of one that is already visible.

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

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

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

Failed vs. Unfailed Redesigns of Newspaper Websites

A comparison of the redesigned websites of two Swedish newspapers, GP.se and HD.se, that were both launched in late 2006.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Case Studies

Developing With Web Standards

This document attempts to explain how and why using web standards will let you build websites in a way that saves time and money for developers and provides a better experience for visitors. Also discussed are other methods, guidelines and best practices that will help produce high-quality websites that are accessible and usable to as many people and browsing devices as possible.

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

Styling Form Controls with CSS, Revisited

Attempting to use CSS to make form controls look similar across browsers and operating systems in an exercise in futility. It simply cannot be done. Because of all this I spent way too much time creating a total of 224 screenshots showing the effects of various CSS rules applied to form controls.

Johansson, Roger. 456 Berea Street (2007). Design>Web Design>Forms>CSS

HTML 5 and the Summary Attribute

As I wrote in Help screen reader users by giving data tables a summary, the summary attribute on the table element can be used to provide information that helps non-sighted users understand data tables. The current draft of HTML 5 requires that validators display a warning if they encounter a summary attribute, since it is now an 'obsolete but conforming feature.'

Johansson, Roger. 456 Berea Street (2009). Articles>Web Design>Accessibility>HTML5