A couple of people have asked about the CSS magnifier that I wrote for the National Maritime Museum web site, so this is a test to see if I can easily embed a magnified image in a blog post. To add the magnifier to an existing image, you’ll need a copy of the CSS file, youngpup’s DOM-Drag...

File inputs (< input type= "file" />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. Before...

The page states that a tag cloud is “a list of tags where size reflects popularity”. However, despite describing it in this way to the human readers, the page’s author hasn’t described it that way in the markup. It isn’t a list of tags, just a bunch of anchors in a . This is also inaccessible...

I’m continuing to enjoy working with jQuery. This article shows a simple method for enabling semi-transparent rollovers which actually work on IE 6. Yes, you could use a .gif file for a crude version, but many effects, especially “glowing” effects just look much better if you use a format which...

Using simple and semantic HTML, this method uses comprehensive CSS to create visually pleasing and extremely accessible web page forms for all purposes. Why not get stop using tables and other extraneous markup in your forms, while still keeping them easy to use and visually pleasing? New Features: ...

Choosing text area dimensions is a juggling act; make them too small and the user has to scroll constantly to establish context and make revisions; make them too big and you risk wasting valuable screen real-estate. I’ve seen a few sites use a little JavaScript to work round this, and I recently...

The Spry framework for Ajax is a JavaScript library that provides easy-to-use yet powerful Ajax functionality that allows designers to build pages that provide a richer experience for their users. It is designed to take the complexity out of Ajax and allow designers to easily create Web 2.0 pages. The...

ni-Form is an attempt to standardize form markup (xhtml) and css, “modularize” it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms. Form styles Choose between most common form...

Particle Tree recently posted an article describing a technique for styling the HTML button element. For those not familiar, form buttons are notoriously difficult to customize because they render differently across browsers and platforms. The typical solutions are to use the default button style that...

An easy way to pop up a “tooltip” with more information about a person whenever you see a person’s name. For example, here are some search results. When you hover over a name, more information appears. This is very much based on the Coda Popup Bubble example for jQuery that’s...