PUBLIC   marks

PUBLIC MARKS with tag ui

Sponsorised links

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 & 13 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）。

Sponsorised links

March 2008

Coding Horror: Actual Performance, Perceived Performance

by znarf
The experiment with progress bars is fascinating.

February 2008

html5, datagrid, box model et CSS

by karlcow

The biggest obstacle for tasks above in conventional html/css is that box model. It does not support vertical alignment/flex. At all. You cannot say: "I want this table span the whole height of the view/container minus possible margins and borders". Thus we were forced to introduce "flex length units" to be able to support such typical UI tasks.

Icon Design Explained (Quickly) // journal // hicksdesign

by karlcow

quick run through of some guidelines for icon design, as well as a workflow using the Pathfinder icon as an example

January 2008

MYPOCKET: Transaction Graph Images - BURAK ARIKAN

by karlcow

Transactions Graph is the network model created to generate list of predictions about future spending. It shows the unprocessed model of dynamic relationships between transaction items and their effects changing overtime. Its topology intensifies or de-inensifies depending on the quality and force of the relations. Each node represents a transaction and connected to each other through categories and dates. Thickness of connecting lines shows the total spending amount of the paired transactions. At a given timeframe, the last day's purchases and the two weeks of past spending are shown.

PUBLIC TAGS related to tag ui

no tag

Sponsorised links