Mark W.rites

CSS

Two buttons side by side. The first shows a button with lots of padding and a pointer cursor hovering over the label, showing that it is the only clickable target. It includes a description that reads 'no, thank you.' The second shows the same button with a pointer cursor hovering over the edge of the button, showing that the entire button is clickable. It includes a description that reads 'yes, please.'

Well-intended product design can turn into a usability/accessibility nightmare. Something as simple as a button can be marked up with HTML/CSS in myriad ways. We can make sure it’s done properly with a sensible markup.

Read more...

Four story building of old architecture, shaped in a square with an open courtyard, with Paris on the horizon behind it.

Paper for the W3C HTML Mail Workshop, 24 May 2007, Paris, France. Originally published on the W3C website for the workshop.

Read more...

Illustration of a window with colorful lines that symbolize a code editor.

Originally published on the A List Apart website.

Despite prevailing wisdom to the contrary, you can safely deploy HTML emails styled with good old-fashioned CSS. Yes, I really just said that. Not all attributes will be invited to the party, but many of them work flawlessly with this method.

Read more...