Category: HTML/CSS

Microformat UI

I’ve been having an interesting conversation with Alex Faaborg on the UI for Microformats. The UI explorations that he’s done are interesting but there is a problem. Not all Microformat UI should be presented the same way. In fact a uniform UI may limit the places that a web-designer can use Microformats. Instead of making […]

Read More

Web Design Acid Test – Is not what you think

For several years the bar that is used to measure web-browsers has been the Acid Test. This test is a measure of standards compliance with HTML, CSS. Unfortunatly the test is somewhat useless. Some would have you believe that passing this test means that your web-browser meets some level of quality. While passing the test […]

Read More

Designing for column width

.coltest { -moz-column-width: 13em; -webkit-column-width: 13em; -moz-column-gap: 1em; -webkit-column-gap: 1em; } A newspaper column width is typically just under two inches. A paper back book is usually under 4 inches wide per page. The size of a typical computer display is climbing over 17 inches and this is isn’t necessarily a good thing. Newspapers and […]

Read More

Firefox interface first thoughts

I’ve been using firefox for the past week here are some initial thoughts Migration experience from IE was painless. All my favorites where easily imported, and the browser extensions that I care about seem to be supported. All my favorite sites work with minor visual issues. Most with no issues at all. Pages seem to […]

Read More

Web Keyboard Accessibility

Accessibility for applications has been used for over 10 years to help users quickly navigate. When you hit the ALT key the menus light up and you can tell the access keys by the underlines on the letters: File Edit View Bookmarks Tools Help Seeing an underline isn’t easy but it’s possible. But in a […]

Read More

RIML – Reduced Instruction Markup Language

Traditional HTML is a “complex instruction set” language. It’s got tons of tags, properties, and semantic definitions. What if there was a reduced instruction set markup language. The idea would be to come up with primitives that could be used to layout a page and try to design the language with the minimal set to […]

Read More

Web Mashups – data hyperlinking

The buzz-word of the week is “mash-ups.” The first time I heard this term was in reference to music mash-ups where someone takes two or more popular songs and spins them together to create a Frankenstein mix. “Love in an elevator” + “Yellow Submarine” = “Love in a yellow submarine” …Or something like it. The […]

Read More

JavaScript rubber band

This is a simple Javascript rubber band funciton that I wrote. Typically an animation function moves directly from point A to point B. This gives a very mechanical feel. I wrote a very simple rubber band funciton. This animates an object with velocity. The object can overshoot the destination and bounce back. The further you […]

Read More