User Experience & Design
10 Dec 2010
At An Event Apart earlier this year, I saw many examples of CSS3 animations and transitions involving manipulating images and objects over time in exciting ways. Recently I was working on a site and saw an opportunity to possibly include a subtle CSS3 transition in the site’s primary...
13 May 2010
When reviewing a designer's mock-up of a web site design, my job as an interface engineer is to look for areas of the design which will be challenging or impossible to implement. Such areas aren't always obvious. In theory, a mock-up and the final site should look identical, but in reality a mock-...
17 Apr 2010
This weekend I started playing around with two advanced CSS properties I had never used before -- @font-face and text-shadow. The property @font-face allows the embedding of non-standard fonts, resulting in text that is rendered normally in the browser in the font of your choice (achieving the...
18 Mar 2010
Those of us familiar with front-end user interface development such as HTML, CSS, and JavaScript, understand the pains and complexities of Cross-Browser Compatibility. For most others, the main thing that matters is how a web site or application displays and functions in their browser(s) of choice...
4 Feb 2010
When implementing a design, a problem I encounter frequently involves floated elements within a container element breaking the borders of their container. This occurs often in lists of articles or documents that have thumbnail images floated next to their title and description, but the issue can...
24 Dec 2009
At Forum One we are always attempting new ways of delivering better looking web sites more quickly and within the budget. One of the techniques that we grown fond of and have incorporated into our process for most projects is creating what we call a hybrid page. A hybrid page contains text and...
17 Nov 2008
Google's team explains the new browser, Chrome, via comic book. What fun!
31 Oct 2008
Recently, a client came to us and asked us to design a multilingual gateway to several language specific sub-domains. We immediately thought of several solutions to this problem that included:
Geographical targeting based on IP lookup,
A splash page that saved user's language selection in...
5 Aug 2008
sIFR version 3 is currently in beta, and it looks to be far more user-friendly than previous iterations. If you're unfamiliar with sIFR (Scalable Inman Flash Replacement), the quick description is that it's a way to use any font you like on your website through the use of Javascript, Flash and CSS...
20 Mar 2008
The Culprit Fly-out menu: a navigational solution. When a user puts their mouse over a navigation item, a menu automatically appears or "flies out". Items in that menu are clickable. Often used with intentions of de-cluttering the space and enhancing the user experience. Examples: Iowa...
