Sponsorised links
This month
June 2008
Daring Fireball: WWDC 2008 Miscellany
by karlcow
What struck me watching these demos is that you could build a really slick web app UI using stuff like the canvas tag, SVG, and advanced CSS. Yes, none of this stuff works in IE, and IE still has massive market share — but not among the sort of people who adopt hip new web apps. The combined market share for, say, Firefox 3 and Safari 3 is larger than the overall market share for Mac OS X. Plenty of developers write desktop software that only works on the Mac — why aren’t more people writing apps web apps that only work in truly modern web browsers? The first one to do it is going to be a sensation.
Design Stencils - Yahoo! Design Pattern Library
by marco
& 5 others
Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG)
Sponsorised links
May 2008
Django Admin Omnigraffle Stencil
by Xavier Lacot
An Omnigraffle Stencil of the admin UI elements that Django provides out of the box
April 2008
MercuryMover
by marco
(via)
With MercuryMover, you can move and resize windows on your Mac from the keyboard
Official Google Blog: What makes a design "Googley"?
by kuroyagi
& 1 other
"A small team gathered to discuss these questions and define the Googley Design Principles:
1. Focus on people—their lives, their work, their dreams.
2. Every millisecond counts.
3. Simplicity is powerful.
4. Engage beginners and attract experts.
5. Dare to innovate.
6. Design for the world.
7. Plan for today's and tomorrow's business.
8. Delight the eye without distracting the mind.
9. Be worthy of people's trust.
10. Add a human touch."
Yahoo! UI Library: Grids CSS
by sbrothier
& 14 others
The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include:
* Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
* Supports easy customization of the width for fixed-width layouts.
* Flexible in response to user initiated font-size adjustments.
* Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
* Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
* Layouts less than 100% are automatically centered.
* Accommodates IAB's Ad Unit Guidelines for common ad dimensions.
* Offers full A-grade browser support.
Sean Patrick O'Brien : UI & Resolution Independence
by sbrothier
I, like most developers, love shiny new user interfaces. Rounded corners, gradients, drop shadows, custom drawing — all of these things make me smile. What I don’t love, though, is an application that can’t draw with resolution independence and whose Resources folder weighs in at around 100MB. It seems that almost every new app (with a few notable exceptions) handles its custom UI needs by filling the Resources folder with bitmaps of every part of their interface in every possible state. To draw their controls, they tape these bitmaps back together on the screen and call it a day.
Fingering of Keys
by YukuanBlog
按鍵是很普遍的人機介面，也常用於內嵌系統（Embedded Systems）。既然大家那麼愛用按鍵，很自然地， Embedded Systems 軔體開發人員就常常得處理按鍵的偵測、編碼等議題。此外，為了按鍵操作流暢，我們還必須為按鍵設計適當的指法（fingering）及明確、統一的功能定義（function definition）。
