Responsive Design is Not the (complete) Answer

In the last year or so, “Responsive Design” has become quite the buzzword. It’s not just industry jargon or a little article on A List Apart anymore. Project managers, business analysts, salesmen and marketing executives are tossing around the term “Responsive Design”. Heck, a year ago I was explaining the concept to an executive, and now executives are asking for it by name. I’ve even heard of executives asking where the “Responsify” button is in Tridion. Now that Responsive Design has become a buzzword, I’m seeing its meaning and intent get distorted. So, I’d like to offer a gentle “realignment” of where “Responsive Design” fits in the web experience. Read More

Developing Web Tools with a Good User Interface

For the past few months I’ve been developing three different web-based tools.  All three are things that I started as tools for me, and it was after talking to other folks that I learned they might ultimately be useful for them, too. When my user base shifted from just me to a whole lot of other folks, I made a small list of rules to help me make my web tools user-friendly instead of Frank-friendly.   As one of those tools nears completion, I figured I’d share my lil’ list of rules for making good web tools.
Read More

Clever CSS3 Tricks: Using the em in text-shadow and box-shadow

Any of my web development buddies have learned that I’m a huge fan of the em. Huge fan. We’d be Facebook friends, we’d go on vacation together, yadda yadda yadda. When you look at my online resume you’ll be hard-up to find too many px written into my stylesheet. In fact, almost every property with a px is a shadow of some kind. But that won’t be the case too much longer, because I’ve got a nifty trick for creating kind-of global shadows by using the em instead of pixels in your shadows. Read More

CSS Tip: An em isn’t an “m”, but an ex is an “x”

I’m in a CSS mailing list and this morning, Vince over at Ghodmode Development shared a fun little experiment showing that an em isn’t an “m” in CSS. I, along with others, more or less responded with “d’uh”. We’ve seen this phenomenon for years and didn’t totally understand the purpose. In fact, I attempted to devise an experiment that would prove when an em is an “m”, and I couldn’t. Turns out, I don’t know anything about font sizing. Who knew?

 
Read More

Why I use a Mac for building websites and Android for making phone calls

I hated Mac for years. Approximately 27 of them, if I recall. Then my wife twisted my arm and we bought an iMac. Then, two work-issued Macbooks later and I’ll admit that I like designing and developing with Apple’s OSX interface. But I’m not a fan of the iP/hone/ad/od.  Why? Usability isn’t user experience, and  Apple’s mobile devices are a win for the former and an epic failure for the later (I eagerly await your refutations ;).
Read More

Layering the feedback with CSS

Feedback Matters

Long gone are the days where all we did was stare at a website and absorb content. We fill out contact forms, buy stuff, hold chat sessions, Tweet this and unlike that. These website interactions become more complex as they slowly get better at mirroring real-world interactions. One of the steps in mirroring real-world interactions is providing natural, progressive and intuitive feedback.

Ask any pianist or drummer why they don’t like the cheap electronic equivalents and they’ll tell you, “It doesn’t feel real.” That bounce of the key, the way the sound gets louder as you hit it harder; the feedback is either missing, or just wrong. Contrarily, video gamers can’t imagine a day that their controllers didn’t vibrate because it gave them a sense of the game they weren’t getting with graphics.
Read More

The layers of Design

Ogres and onions have layers…

And so do websites. Depending on who you’re talking to and how they’re slicing it, you’ll get different names that essentially represent the same thing: content, design, and functionality. While the end user looks at a site and sees seamless pages linking to one another, the content authors, designers, and developers see the website as a collection of layers that interact with each other.  As content strategies become more complex, we see content being sliced into more distinct layers for content management systems while the design gets treated as a flat, layer-less component of the site.
Read More

Are New Pop-Ups the Old Flash Intros?

After a project was laid on me in the eleventh hour which had to be delivered in the twelfth, I found myself madly trying to educate myself on a foreign subject. The project and the subject doesn’t really matter. What mattered to me was collecting enough data for me to deliver it on time.  Google performed beautifully; but a lot of the sites failed. Why? Pop-ups.
Read More