Resources



Books

Caserta, John, ed. For/With/In: Graphic Design For, With, and in the Browser Amazon

Duckett, Jon. Web Design with HTML, CSS, JavaScript and jQuery Set Amazon | York Library

Eyal, Hooked: How to Build Habit-Forming Products Amazon | York Library

Garrett, Jesse James: The Elements of User Experience: User-Centered Design for the Web and Beyond Amazon | York Library

Kolko, Jon: Well-Designed: How to Use Empathy to Create Products People Love Amazon | York Library

Krishna, Golden: The Best Interface Is No Interface: The simple path to brilliant technology Amazon | York Library

Krug, Steve. Don’t Make Me Think: A Common Sense Approach to Web Usability Amazon | York Library

Krug, Steve. Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems Amazon | York Library


Design Manifesto

10 Rules for Students and Teachers by John Cage

100 Questions Designers Always Ask

If You Want To Survive In Design, You Better Learn To Code by John Maeda

Kill Your Darlings by Joshua Brewer

The Birth of the User by Ellen Lupton


HTML/CSS General

Box-Model Diagram - An interactive box-model visualizer

Can I Use it? - Checks functions and elements for compatibility for each browser

CSS Proprieties

CSS Typeset

CSS Validator

CSS Zen Garden

HTML Validator

StackOverFlow


Interviews

Erik Spiekermann: Typomaniac

High Resolution #1 - Airbnb's Director of Experience, Katie Dill

High Resolution #2 - Uber’s Director of Design, Didier Hilhorst

High Resolution #3 - Omada Health’s CMO, Andréa Mallard

High Resolution #4 - eBay's VP Design, Dave Lippman

High Resolution #5 - Design VP, Kate Aronowitz

High Resolution #6 - IBM Head of Design, Phil Gilbert

High Resolution #7 - GV Design Partner, Daniel Burka

High Resolution #8 - on the three types of design, John Maeda

High Resolution #9 - Spotify VP Design, Rochelle King

High Resolution #10 - Facebook Head of Design, Luke Woods

High Resolution #11 - Behance Founder, Scott Belsky

High Resolution #12 - collective intelligence and building Mailbox, Gentry Underwood

High Resolution #13 - Microsoft Design Director, Kat Holmes

High Resolution #14 - Google Material Design Lead, Rich Fulcher

High Resolution #15 - Master communicator, Stephen Gates

High Resolution #16 - IDEO's, Tom Kelley

High Resolution #17 - Instagram Head of Design, Ian Spalter

High Resolution #18 - Autodesk VP of Design, Maria Giudice, -

High Resolution #19 - UX master, Jared Spool

High Resolution #20 - Slack Head of Comms Design, Kristy Tillman

High Resolution #21 - How designers can become successful founders, Ben Blumenfeld

High Resolution #22 - Pinterest Head of Design, August De Los

High Resolution #23 - Best design recruiter in the country, Judy Wert

High Resolution #24 - Buzzfeed’s VP Design, Cap Watkins

High Resolution #25 - Beyond design in the series finale, Bobby Ghoshal and Jared Erondu


Podcast

Design EDU Today

Scratching The Surface


User Experience

$0 usability testing guide in 7 steps

30 UX Design Inspiration Resources

Creating Personas

Designing Case Studies: Showcasing a Human-centered design process

Designing for Different Screens and Devices: 7 Steps to Creating A Great UX

Designing interactive experiences

UX Process: What It Is, What It Looks Like and Why It’s Important

Playground.com case studies


User Interface

Above the fold is a myth

Coherent, Not Consistent

Design Principles: Dominance, Focal Points And Hierarchy

Design Principles: Visual Perception And The Principles Of Gestalt

Designing with Grid-Based Approach.

Facebook Design Resources

Getting Typography Right in Digital Design

Google Fonts Combinations

Google Font Library

Google Web Font inspiration in HTML & CSS

Grids are Good (right?) by Khoi Vinh and Mark Boulton

Lessons From Swiss Style Graphic Design

The Grid System

The Elements of Typographic Style Applied to the Web

The Power Of Whitespace

Splash Pages: Do We Really Need Them?

Thinking with Type: Grid From Ellen Lupton's Book "Thinking with Type"


Responsive Web Design

Learn Layout - Media Queries

Responsive Web Design Basics

Responsive Web Design by Ethan Marcotte

Responsive Web Design Cheatsheet

Responsive Web Design – What It Is And How To Use It


Tutorials

Codrops - CSS & JQuery

Code Cademy

Lynda.com - Tutorials on HTML, CSS and more (requires Sheridan userid/pass)

HTML DOG

HTML DOG for CSS

Intro to Complex Selectors

Don't Fear the Internet by Jessica Hische and Russ Maschmeyer

W3 Schools


Web Developers/Designers Editorial Content

Design Better

Sidebar

Smashing Magazine


Wireframes/Prototypes

App Animations

Flinto

InVision

Marvel

Screen Sizes

The Skeptic’s Guide To Low-Fidelity Prototyping

Wireframes by Top UX Designers