Front End Design Resources

A public collection of articles and videos to assist folks in staying up to date with modern technologies, processes and tools.

User Research

Articles

http://remoteresear.ch/tools/

User Experience (UX)

Videos

• DESIGN I/O by Sam Moore

Articles

• STRUCTURING A DESIGN TEAM IN A CONTINUOUS DELIVERY AGILE ENVIRONMENT
• DESIGN TEARDOWN HOW ENVATO’S AGILE UX TEAM WORKS

Books

• Going Responsive
• Responsible Responsive Design
• On Web Typography

UI Design

Videos

• Design Decisions Through the Lens of Performance by Yesenia Perez-Cruz

Accessibility

Videos

• Web accessibility for people with vision impairments
• Viking & Lumberjack from The Paciello Group

Articles

• THE VEIL OF IGNORANCE
• The 6 Simplest Web Accessibility Tests Anyone Can Do

Resources

• How to Meet WCAG 2.0

HTML

Videos

• Let’s Write Semantic Markup

Articles

• Learn to Code HTML & CSS
• Let’s Talk about Semantics

Slides

• Writing Clean, Clear, & Semantic Markup with HTML5

Books

-HTML and CSS: Design and Build Websites

CSS, Less, Sass

Videos

• Managing CSS Projects with ITCSS - Harry Roberts

Articles

• BEM
• BEM 101
• Get BEM
• Single Responsibility Principle
• Single Responsibility

Books

• SMACSS
• CSS3 for Web Designers
• Jump Start CSS
• Jump Start Sass

Resources

• CSS-Tricks
• Sass-lang

Pattern Libraries / Style guides

• Getting Started With Pattern Libraries
• Atmoic Design
• Evolving Web Applications with Module Based Design Components - Mike Kivikoski
• How and why to create a pattern library

Javascript

Videos

• Advanced Debugging with Chrome Dev Tools - Wayne Elgin

Version Control

Articles

• http://blog.udacity.com/2015/06/a-beginners-git-github-tutorial.html
• http://lifehacker.com/5983680/how-the-heck-do-i-use-github
• https://guides.github.com/activities/hello-world/
• https://www.atlassian.com/git/tutorials/comparing-workflows/

Books

• GIT for Humans