Chapter 1: The Principles of Great Graphic Design

Matt Ward and Alexander Charchar

• Graphic Design vs. Web Design: Separate and Not Equal by Nick Haas
• Photographers Melenie and Justin
• Underworld Magazine
• The Pixel Blog
• Jon Brousseau
• Adham Dannaway
• Academy Design Agency
• Y3K
• Sue Rutherford
• OnA
• BrightBulb portfolio website
• Drowned Studio
• Web Design is 95% Typography by Oliver Reichenstein
• Bam Creative
• The Crystal Goblet, or Printing Should Be Invisible by Beatrice Warde
• Elysium Burns
• Armitage Online
• Kean Richmond
• Hugs for Monsters

References

• American Graphic Design Expression: The Evolution of American Typography. Graphic Design History, Katherine McKoy
• Forget All the Rules About Graphic Design, Bob Gill
• Thoughts on Paul Rand. Essays on Design, Henry Steiner

Reading List

Typography and Composition

• The Elements of Typographic Style, Robert Bringhurst
• Thinking With Type, Ellen Lupton
• Making and Breaking the Grid: A Graphic Design Layout Workshop, Timothy Samara
• Grid Systems in Graphic Design (Rastersysteme für die visuelle Gestaltung),
• Josef Müller-Brockmann
• Wolfgang Weingart: My Way to Typography, Wolfgang Weingart
• The New Typography, Jan Tschichold
• Typographie: A Manual of Design, Emil Ruder
• The Graphic Artist and His Design Problems, Josef Müller-Brockmann
• Graphic Design Manual: Principles and Practice, Armin Hofmann
• Geometry of Design: Studies in Proportion and Composition, Kimberly Elam
• Grid Systems: Principles of Organizing Type, Kimberly Elam
• Typographic Systems of Design, Kimberly Elam

History

• Meggs' History of Graphic Design, Philip B. Meggs and Alston W. Purvis
• Graphic Design: A Concise History, Richard Hollis
• The Story of Graphic Design: From the Invention of Writing to the Birth of Digital Design, Patrick Cramsie
• Graphic Design History, Steven Heller and Georgette Ballance
• Swiss Graphic Design: The Origins and Growth of an International Style, 1920-1965, Richard Hollis

Theory, Opinion, Ideas

• The Essential Principles of Graphic Design, Debbie Millman
• Art as Experience, John Dewey
• How to Be a Graphic Designer Without Losing Your Soul, Adrian Shaughnessy
• Paul Rand: A Designer's Art, Paul Rand
• Looking Closer (Books 1-5), various contributing authors, edited by Michael Beirut, Steven Heller, William Drenttel, DK Holland, and others
• It's Not How Good You Are, It's How Good You Want to Be: The World's Best Selling Book, Paul Arden
• Whatever You Think, Think the Opposite, Paul Arden
• On Book Design, Richard Hendel

People

• Paul Rand, Steven Heller
• Paul Rand: Conversations with Students, Michael Kroeger
• Active Literature: Jan Tschichold and New Typography, Christopher Burke
• Make It Bigger, Paula Scher
• Vignelli From A to Z, Massimo Vignelli
• Josef Müller-Brockmann: Pioneer of Swiss Graphic Design, Lars Müller

Chapter 2: Visible vs. Invisible Design

Francisco Inchauste

• Burton Snowboards
• How Plasma Displays Work in How Stuff Works by Tom Harris
• Aesthetics and Apparent Usability: Empirically Assessing Cultural and Methodological Issues by Noam Tractinsky
• The Brooklyn Fare
• Veer
• Simplicity is Highly Overrated. by Don Norman
• iPhone Interface Design by Edward Tufte
• StackExchange
• Apple Human Interface Guidelines by Apple
• Wikipedia: Graphical User Interface
• Flipboard
• Designing for iPad: Reality Check by Oliver Reichenstein at Information Architects
• Writer for iPad from Information Architects

References

• Toothpicks and Logos: Design in Everyday Life, John Heskett
• About Face 3: The Essentials of Interaction Design, Alan Cooper
• Decoding Design: Understanding and Using Symbols in Visual Communication, Maggie Macnab
• Designing Web Interfaces: Principles and Patterns for Rich Interactions, Bill Scott and Theresa Neil
• The Psychology of Everyday Things ,Don Norman
• A Designer's Art, Paul Rand

Chapter 3: Designing Mobile Use Experiences

Mike Rundle

• Developer Tools: Xcode
• Where the Wireframes Are: Special Deliverable #3 by Dan Brown

Chapter 4: Sketching, Wireframing and Prototyping

Janko Jovanovic

• How to Overcome Idea-to-Idea Syndrome by Scott Belsky
• The Boxing Glove Wireframing Technique by Harry Brignull
• Example of a sketchboard by Jason Robb
• Interactive Sketching Notation by Jakub Linowski
• When You Can't (or Shouldn't) Draw a Straight Line by Aaron T. Travis
• Wireframing Is Not Prototyping by Rahul Choudhury

References

• The Elements of User Experience: User-Centered Design for the Web, Jesse James Garrett
• Emotional Design: Why We Love (or Hate) Everyday Things, Don Norman
• Prioritizing Web Usability, Jakob Nielsen and Hoa Loranger

Chapter 5: Red Flags (Warning Signs) in Web Development

Christian Heilmann

• W3C WAI-ARIA 1.0 Primer, An introduction to rich Internet application accessibility challenges and solutions
• Non-hover by Trent Walton
• Yahoo User Interface CSS Reset
• Yahoo User Interface Fonts CSS
• SitePoint Dust-Me Selectors, tools for identifying orphaned CSS settings
• The seven rules of Unobtrusive JavaScript by Christian Heilmann
• Unobtrusify.com by Phil Hawksworth
• Sloppy, slow connection test tool
• Providing script configuration in-line and programatically by Christian Heilmann
• JSLint, JavaScript Code Quality Tool
• Five things to do to a script before handing it over to the next developer by Christian Heilmann
• Wikipedia: Cross-site scripting
• Wikipedia: SQL injection
• Mysql_real_escape_string - Escapes special characters in a string for use in an SQL statement
• Filter_input - Gets a specific external variable by name and optionally filters it
• BlogTap: Wp-config.php security leak - hundreds of blogs hacked

Chapter 6: The Future of Web Typography

Vivien Anayian

• The history of a model for fonts on the Web by Bert Bos
• How To Create EOT Files Without Microsoft WEFT by Edward O'Connor
• TypeGirl: Most of the Important Foundries Are Supporting #webfont
• Typekit
• InformationArchitects: Web Design Is 95% Typography
• InspirationBit: Striking Web Sites With Font Stacks That Inspire
• InspirationBit: Georgia On My Mind
• Clagnut: Elements of Typographic Style Applied to the Web
• OpenType: Better Web Typography With OpenType Features
• What Future for Web Typography & Screen Fonts? by Jon Tan
• WOFF File Format
• Gentium - a typeface for the nations
• The League Of Moveable Type
• Free Fonts: Free Is Not Always Free by Yves Peters
• Jos Buivenga's exljbris Font Foundry
• Mozilla Developer Network: @font-face
• Bulletproof @font-face Syntax by Paul Irish
• How To Use CSS @font-face by Tim Brown
• @font-face gotchas by Paul Irish
• Font Squirrel: @font-face kit generator
• Gzip your @font-face files
• The Little Known font-size-adjust CSS3 Property by Inayaili de León
• Fighting the @font-face FOUT by Paul Irish
• Typekit: Font events: Controlling the flash of unstyled text
• Typotheque25
• FontShop: Introducing Web FontFonts
• FontShop: Web FontFonts
• Google Font Directory
• Embedded Web Fonts Return. Uh-oh. by Stephen Coles
• The Vignelli Canon PDF
• I Love Typography:The Vignelli Twelve by John Boardley
• Rendering Complex Type - Who's got the Love? by Jon Tan
• Display Type & the Raster Wars by Jon Tan
• Mozilla Hacks: Firefox 4: OpenType font feature support
• OpenType: Better web Typography With OpenType Features
• Ligatures test suit by Jon Tan
• Alan Wood's Unicode font reference
• W3C: CSS3 module, Font Weight
• W3C: CSS3 module, Font Stretch
• Clagnut: Whatever happened to font-stretch?
• WebDesignerNotebook: The Little Known font-size-adjust CSS3 Property
• CSS Text-Rendering by Trent Walton
• AestheticallyLoyal: Cross-browser kerning-pairs & ligatures
• W3C: CSS Text Level 3, Hyphenation
• A List Apart: The Look That Says Book
• Lost World's Fairs
• Web Font Awards
• Web Fonts Gallery
• Typekit: Gallery
• Typekit: Sites we like: Interhoods, Postbox, Hicksdesign
• Fontfeed: The Best Of FontFonts On The Web, Part 1
• A List Apart: Setting Type On The Web To A Baseline Grid
• Four Techniques For Combining Fonts by Hoefler & Frere-Jones
• A List Apart: On Web Typography by Jason Santa Maria
• Nice Web Type
• Typkit Blog: Type rendering on the web by Tim Brown
• The Webfont Revolution Is Over, Let the Evolution Begin by Stephen Coles
• Awesome Fontstacks
• Cure for the Common Webfont, Part 1: Alternatives to Arial (and Helvetica) by Stephen Coles
• The Best of FontFonts on the Web, Part 1 by Stephen Coles
• Recent Delicious webfontfonts Bookmarks from Stephen Coles
• Jax Vineyards

Interviewees list and credits

• Richard Rutter - Director at Clearleft and Co-founder of Fontdeck
• John Boardley - Designer, writer and founder of ILoveTypography.com
• Jon Tan - Designer, Web typographer. Co-founder of Analog.coop, Fontdeck and Mapalong
• Yves Peters - graphic designer, typography writer. The FontFeed and Fontshop
• Oliver Reichenstein - CEO of iA Inc., creator of iAWriter iPad app. InformationArchitects
• Stephen Coles - Editor of Typographica.org
• Jos Buivenga - Type Designer, exljbris Font Foundry
• Tim Brown - Type Manager for Typekit and maker of Nice Web Type
• Trent Walton - Founder, Paravel Inc
• Kyle Meyer - Designer at Indie Labs, Director of Interactive Design for AIGA MN, Creator of Astheria.com, Typesites.com and titill
• Caroline Hadilaksono - Director of Goodness at A Good Company. Co-creator of The League of Movable Type
• Micah Rich - Chief Awesomeness Technician at A Good Company. Co-creator of The League of Movable Type
• Ralf Herrmann - Designer, Blogs at Opentype.info on topics of typography, Webfonts, signage and wayfinding

Chapter 7: Applying Game Design Principles to User Experience Design

Christoph Kolb

• Google Tech Talks: Putting the Fun in Functional: Applying Game Mechanics to Functional Software, Amy Jo Kim
• Gaming can make a better world: Jane McGonigal on TED.com
• Wowpedia
• MacHeist
• ReadWriteWeb: Digg User Rebellion Continues: Reddit Now Rules the Front Page
• Image: Digg's users organized a revolt and promoted stories submitted by Reddit to Digg's front page
• OTTO on Facebook
• Nine Inch Nails
• UNIQLO's Lucky Counter campaign
• Google Chrome FastBall game
• Boing Boing Special Feature: Superbrothers' Manifesto Less Talk, More Rock!

Chapter 8: When They Click: Psychology of Web Design and User Behavior

Susan Weinschenk

• Louis Vuitton
• FIFA.com
• J and R, regarding product reviews
• Aflac Insurance Company, regarding photos and stories of real people
• Mint.com a financial website
• Marathon County Public Library, regarding confusing website error messages

References

• The Unresponsive Bystander, Bibb Latane and John M. Darley
• Prominence-Interpretation Theory: Explaining How People Assess Credibility Online, B.J. Fogg
• Drive, Daniel Pink
• The Goal-Gradient Hypothesis Resurrected: Purchase Acceleration, Illusionary Goal Progress, and Customer Retention, Ran Kivetz, Oleg Urminsky and Yuhuang Zheng
• Did You See the Unicycling Clown? Inattentional Blindness While Walking and Talking on a Cell Phone, Ira E. Hyman Jr., S. Matthew Boss, Breanne M. Wise, Kira E. McKenzie, Jenna M Caggiano
• Don't Make Me Think, Steve Krug
• Cognitive Science and Science Education, Susan Carey

Chapter 9: Design Patterns in e-Commerce Websites (Study)

Steven Bradley

• DaVinci Gourmet
• Walmart vertical navigation menu
• Smiley Cat: What's the Best Search Box Size?
• Jacob Nielsen: Top Ten Guidelines for Homepage Usability
• Office Depot color scheme
• Howies color scheme
• Callaway Golf secure checkout
• Zappos website security
• East Bay a classic five step check-out process
• Everything But Water three step check-out
• Office Max real-time validation
• The Book Garden
• Shoes.com credit card icons
• Tiger Direct credit card icons and other common payment methods
• Ridefourever.com
• List of sites and full study spreadsheet (for both Excel and Numbers)

Chapter 10: How to Make a Book (Like This One)

Smashing Magazine Team

• PrePressure on the PDF file format
• The Smashing Shop
• PDF vs. ePUB vs. Mobipocket Format Download Comparison for oreilly.com
• Apple Pages
• Adobe Indesign
• Jutoh epublishing
• Github: eBook-Export-Plugin-for-WordPress

Errata

Although we tried to do our best to avoid any mistakes or errors in the book, we did make some mistakes. We apoplogize for that. Here is the list of the mistakes we've found so far (you can also report mistakes and errors in the book):

• On page 36 and 38, "breath" is mistakingly used instead of "breathe".
• On page 82, in the third list, it says 'ood offered', but it should be 'Food offered'.
• On pages 55/59, the sources are mixed up: the source 8 on page 59 and the source 5 on page 55 should be switched.