Web & Interactive Design Resources

Compiled list of anything web & interactive design related. If you would like a link removed please contact hi@antnguyen.com.

Contents

1. Web Design
2. Web Dev
3. UX
4. Application Resources
5. Good Reads
6. Communities

Web Design

Web Design Resources

• Grid - Grid, made by Adam Kaplan
• 960 Gridsystem
• iPhone 5 Grid
• Icon Management
• Subtle Patterns
• Modular Scale - Typography Scales

UI Kits

Web Kits

• Tethr - UI Kit from Invision App
• Bootflat
• Polaris UI

Mobile & Device Kits

• iOS8 GUI
• Apple Watch GUI
• Mac Yosemite UI
• Android Lollipop

Device Mockups

• iPad
• iPhone 5
• iPhone 6
• iMac & Macbook Pro
• Nexus 5
• Samsung Galaxy S6 (In Hand)
• Lumia 920

Stock Images

• Unsplash
• Little Visuals
• Gratisopgrahy
• Free Stock Photo Aggregator

Mobile App Design

iOS Design

• iPhone 6 Screens Demystified
• Ultimate Guide to iPhone Resolutions
• Understanding Auto Layout & Why It's Useful

Web Dev

Language Support

• SASS - Popular CSS pre-processor
• Stylus - Another option for CSS pre-processor
• Markdown: Syntax - Markdown Syntax on Daring Fireball
• Getting Started with Gulp
• Grunt is Not Weird and Hard

Frameworks

• Zurb Foundation
• Skeleton
• Bootstrap

Issue Tracking / Project Management

• Jira
• Trello
• DoneDone

Useful Apps

• Sublime Text - Popular text editor with great addons
• Atom - Text Editor from GitHub
• ngrok - Secure tunneling to localhost
• CodeKit - Useful compiler if you aren't running grunt/gulp
• Tower - Git GUI
• Transmit - FTP Client

CMS

• Ghost - Just a blogging platform
• Jekyll
• Building a Blog with Jekyll & GitHub Pages
• Wordpress

HTML/CSS

• Animate.css - Just add-water CSS Animations
• Text Input Effects - Input effects from Tympanus
• Shade - Mathematically derived gradient explorer

UX

Wireframing

• Think with Paper

Prototyping

• Invision App
• Framer
• Prototyping UI in Edge
• Mobile Navigation with Keynote
• Animations in Keynote

Accesibility

• Color Contrast for Better Readability
• WebAIM: Color Contrast Checker

Useful Content

• 5 Myths About User Onboarding
• UXPin: Guide to Wireframing
• UX Myths

Filetypes

SVG

• Illustrator SVG Workflow
• Iconic SVG Toolkit

Application Resources

Sketch

• Sketch Plugins - Compiled list of plugins that will improve your workflow
• Sketch Resources

Photoshop

• Photoshop Secrets

Good Reads

Design Articles

• Work Is The Magic Bullet
• Good Work Isn't Enough
• Fall of The Designer - Part 1 of 5
• Inspiration vs Imitation
• Dieter Rams: If I Could Do It Again, "I Would Not Want To Be A Designer"

Need to Convince Someone?

• There is No Fold

Communication

Team Based Apps / Sitse

• Basecamp
• Slack

Design Based Communities

• Dribbble

Slack Communities

• PHLDesign - Philadelphia based designers, request an invite here.