For my fellow web developers, here are some great resources to have in your back pocket as you design and develop beautiful user experiences:
Visualizing Data
- FlowingData
- Information is Beautiful
- vizual complexity
- Indexed
- Chart Porn
- eagereyes
- Well-Formed Data
- Sankey Diagrams
- Andy Woodruff’s Blog
- Wall Stats
- Accuracy & Aesthetics
- iGraphics explained
- Juice analytics
- GOOD
- 7 Essentail Books on Data Vizualization & Computational Art
- We Feel Fine: The Almanac of Human Emotion
- 8 great books about data visualisation
- How a Car Engine Works
- Infographics Lie. Here’s How to Spot the B.S.
- Data-Drive Documents
- Graph zoo
- Nico’s Fractal Machine
- Spurious Correlations finds the hidden, totally pointless connections between everything
- Spurious Correlations
- American river map: a vector tile tutorial
- Five Boroughs: Building Age NYC
- Visual.ly
Web Fonts
- The 100 Greatest Free Fonts for 2014
- Beautiful Web Type
- FontSpring
- Font Squirrel
- Typewolf
- The League of Moveable Type
- Lost Type
- Using @font-face
Command Line
- Essential Command-Line Tools for Web Developers
- Eight Terminal Utilities Every OS X Command Line User Should Know
- Powerful Command Line Tools For Developers
- Master the Command Line This Weekend
- A Command Line Primer for Beginners
- LinuxCommand.org
- The Command Line Crash Course
- An A-Z Index of the Apple OS X command line
- Eight Terminal Utilities Every OS X Command Line User Should Know
- Z shell
- Terminal Cheatsheet for Mac (basics)
- Zsh Configuration From the Ground Up
What’s a Front-End Dev?
HTML5
GIT
- Pro Git (book)
- tryGit
- GitHub Training & Guides (videos)
- Git Reference
- git - the simple guide
- Dealing with line endings
- Git Immersion
Icon Fonts
Javascript
- HTML5 Features: Performance
- Keywords
- Eloquent JavaScript: A Modern Introduction to Programming
- 5 Excellent and FREE AngularJS Learning Materials for Beginners
- JavaScript Coercion Demystified
- First-class function
- Codepen, JSFiddle, and JSBin
- Underscore.js
- Lo-Dash
- Highcharts
- Snap.svg
- JavaScript: The Right Way
CSS
- How To Create a Pure CSS Dropdown Menu
- CSS Triangle
- Dive into Flexbox
- Selectors
- CSS Reference
- Learn CSS Layout
- Yes We Can Do Fraction Of A Pixel
API Documentation
Sublime Text
Test Suites
Responsive Resources
- Responsive design device resolution reference
- Viewport Sizes
- The Next Foundation
- What are Frameworks? 22 Best Responsive CSS Frameworks for Web Design
UI Assets
- Yahoo Design Pattern Library
- Beautiful Device Templates to Help Showcase Your App
- Wirefy
- ui8
- WireKit
- Webpage Wireframe Stencil
- Download Our Mini Wireframing Kit
- Free Photoshop Wireframe Kit
- iPad Sketch Elements AI
- The Ultimate Wireframe UI Kit
- Sqetch, an Illustrator Wireframe Toolkit
- Wireframe / Blueprint Kit
- 36 High-Quality Flat Design Resources
- 40 Free Mockup Templates to Present Your UI Designs
Online Educational Resources
- Treehouse
- Code.org
- Runnable
- Dash
- Learn Code the Hard Way
- Rails for Zombies
- Object-oriented design
- Learn how to program
- Upfront Podcast
- The Back to Front Show
- Tech Void
UX
Other great resources
- Mozilla Developers Network
- Web Design Subreddit
- Hack Design
- CSS Preprocessors: Focused Decisions
- Color Wheel
- Eight Rules for Creating Great White Papers
- The 12 Best Free Photoshop Plugins for Designers
- How I designed a website without Photoshop
- FrankDeLoupe
- How to Keep Up to Date on Front-End Technologies
- Nerd
- EMOJI CHEAT SHEET
- RITE Method
- Scatter/Gather
- UsabilityBlog
- UX Magazine
- UX Booth
- UIE Brain Sparks
- The Next Web
- A List Apart
- http://shermanux.com/usabilityblog/
- UX Drinking Game
- Usability Counts
- Basic UX Principles: How to get started
- Daily UX Crash Course
- Online Behavior
- Pocket Creative: Letterpress
- Grain Edit
- Arethemost
- Principles of Flat Design
- Cartodb
- Import.io
- Exporting SVG for the web with Adobe Illustrator CC
- UnCSS
- Devcards: Taking Interactivity to the Next Level
- Model–view–controller
- Vue.js
- How to Create an Empowering Tool for the Web
- HTML5
ELEMENT - Responsive Web Design in 2014: Stats and Trends
- Playground
- Face.co
- Manifesto for Agile Software Development
