Coding Help
Tutorials
- W3schools
- Don’t Fear the Internet
- Lynda (check out free subscriptions from STC)
HTML
CSS
Basics, Demos, Snippets
- W3Schools: CSS Intro
- CSS Properties | Selectors |
Units | Color Values - CSS Reference
- CSS-Tricks Almanac | Snippets
- CSS Play
- Fancy CSS stuff
- CSS3 Generator
- 12 Common Mistakes
- CSS Zen Garden
Layout
- Box Model
- A List Apart: Positioning 101
- Positioning
- A List Apart: Floats 101
- Floats
- Website Layout
- Flexbox
- Flexbox Froggy
Animations & Transitions
Responsive Design
- W3Schools RWD: Viewport, Media Queries, Grid View…
- Responsive Patterns
- Responsive Nav Patterns
Responsive Tools
Responsive Design Articles
jQuery
- jQuery Intro: Downloading, Syntax, Selectors, Events
- How jQuery Works
- jQuery.com
- jQuery UI
- jQuery Mobile
- jQuery Examples + Best Practices
Free Text Editors
- Brackets
- Emmet (Brackets Extension)
- Beautify (Brackets Extension)
- Sublime Text 3
Grid/Frameworks
WEB RESOURCES
Sketch Help
- Best Sketch Video Tutorial List
- Learn Sketch 3
- LearnSketch.com
- Sketch Freebies
- Sketch YouTube Channel
- InVision YouTube Channel
Typography
Articles
Fonts
Web Font CSS Help
Tools and Downloads
Wireframing
- Wireframe Showcase
- Sketching Wireframes Video
- I Love Wireframes
- Wireframe Examples
- Sketch Sheets
- UI Stencils
- Online Wireframing
Color
- Adobe Kuler
- Flat UI Color | Color Picker
- Material Color Palette
- Intuitive Color Picker
- Hex to RGB Converter
Background Patterns
Usability/Accessibility
- Elements of Navigation
- Good UI
- How Blind People See the Internet
- Designing for Inclusion
- 7 Things Every Designer Needs to Know About Accessibility
UX
INSPIRATION
UI Patterns
Web Mags/Blogs
- A List Apart
- Smashing Magazine
- Hey Designer
- Awwwards
- Team Treehouse
- Trent Walton
- Ethan Marcotte
- Brad Frost