Archive for the ‘Web Design’ Category

CSS Media Queries

Tuesday, May 25th, 2010

A very cool and new (at least to me) concept: CSS media queries. This will allow us to set CSS for specific screen sizes: from the 480px wide handheld devices to the 1920px wide monitors.

Please note that this is different than the liquid/flexible layouts usually based on percentages. CSS media queries allows you to control [...]

Best Practices for Android UI

Wednesday, May 19th, 2010

Here’s a great article about how the UI for Twitter for Android was designed.

It touches on seven UI features and behavior patterns:

Contacts Sync with Address Book at Sign in
Twitter account integration with QuickContact for Android
Dashboard
Action Bar
Search Bar
QuickActions
Companion Widget

CSS Cheat Sheets

Thursday, May 13th, 2010

I came across these nicely formatted CSS print cheat sheets – for both CSS2.1 and CSS3. For any of you who may be tired looking up the CSS values for the position attribute (for the 13th time).

CSS 2.1 Cheat Sheet (PDF)

CSS 3 Cheat Sheet (PDF)

Compliments to the graphic design chef

Tuesday, April 27th, 2010

You have to feel pretty good when the vendor that is pitching you is apologizing for its own website after looking at yours. “Went wild with praise” is the operative term in the email thread below.

Nice work design team!

Sent: Thursday, April 22, 2010 11:23 AM

To: (Dir. Marketing)
Cc: (EVP)
Subject: IOA Web Design has the [...]

Typekit Fonts get attention at DrupalCon

Tuesday, April 20th, 2010

Here’s a font resource that I heard about at DrupalCon:

Typekit – The easiest way to use Real Fonts on your website

Description from their website:

Typekit is the easiest way to use real fonts on the web. It’s a subscription-based service for linking [...]

The Failures of CAPTCHA

Thursday, April 1st, 2010

CAPTCHA has become ubiquitous on the web recently, including on sites we have built. However, in my recent accessibility research for a recent project I came across this article which urges developers to stop using CAPTCHA since, in the words of the author:

“CAPTCHAs fail to properly recognize users with disabilities as human.”

and…

“External projects… [...]

Ever wonder what that website is made of?

Friday, March 5th, 2010

Today I read a Linux Magazine article hilighting some of Chrome’s 3000 extensions.   A particular one that caught my attention is called BuiltWith Technology Profiler.

BuiltWith does what its title says: it profiles a site for the technologies it uses, and then gives you a little report. I like how it picks up on Cufon [...]

A Graphical Toolkit for Visualizing Data

Friday, February 5th, 2010

Came across Protovis as I was thinking about different ways to report financial data for EEBA. There’s a good gallery of examples. Some of the examples show the same data presented in different formats. A great exercise to determine what types of graphic best represents different types of data.

Adding “Share-Links” on Facebook

Friday, January 22nd, 2010

You want to place one on an HTML page so a visitor can share the page with others on Facebook. You see these a lot in blog posts and news articles.

Here’s how to put one on a page:

Step 1: Go here,  set your options (like whether you want a counter included) and copy the html [...]

Love me, Love my Mega Menus

Wednesday, January 20th, 2010

Our creative team used these very successfully in Jameco and IOA, both of which fit the typical use cases of lots of category hierarchy and high volume of hierarchical content. I’m currently planning to work them in for a new client which doesn’t fit the above. Why?

In this client’s case, the content is pretty limited, [...]