Technical
Master User Interface From Rails Studio Users

This page is a result of my cry for help on railsstudio and generous response from:

Patrick Berkeley

Brad Winchester(B-rad)

Ben Yee

I organized it in 3 sections (favorites,books, design related quotes)

Favorites

http://alistapart.com/
http://veerle.duoh.com/
http://meyerweb.com/eric/css/
http://developer.mozilla.org/
http://www.w3schools.com

z-index explained for all browsers:

http://aplus.co.yu/lab/z-pos/index.php

positioning tutorial:

http://www.brainjar.com/css/positioning/default.asp

Inspiration Sites/Apps

Apps/Websites

http://www.macrabbit.com/cssedit/screenshots/
http://www.enginehosting.com/
http://www.bartelme.at/
http://www.blinksale.com/learn
http://lighthouseapp.com/
http://www.revolutionhealth.com/
http://www.abs-
usa.com/solutions/human_resource_software/sf/resources/how_it_works.swf

Most of those are over-designed, but once you dial down the graphics you can
make a
clean looking interface.

Menu/Typography Design Galleries

http://www.cssmenumaker.com/
http://www.alvit.de/css-showcase/css-galleries-tabs-navigation-showcase.php
http://www.smileycat.com/design_elements/typography_for_headlines/

Books:

Thinking with Type
The Elements of Typographic Style
Transcending CSS by Andy Clarke
CSS Mastery, by Andy Budd
Bulletproof Web Design, by Dan Cederholm
Stop Stealing Sheep & Find Out How Type Works
Don’t Make Me Think, by Steve Krug

Design Quotes

B-Rad’ Favorite Design Quote (printed and taped to his desk)

“You know you’ve achieved perfection in design, Not when you have nothing more
to add,
But when you have nothing more to take away. “

—Antoine De Saint-exupery