When I first started learning development, I regularly bookmarked and kept notes on sites that I used, tutorials I liked, git repos that I found useful, etc…

As of today, I have condensed this down into the highest quality resources that I’ve used and found and put them into one curated list.

I’ll be updating this list regularly with things I’ve found, and I’ll make edit notes when major items are added. If I add more than a few items, I’ll probably put it into a second list of this series.

So, without any further explanation, here it is - 2 years of curated web development links that I regularly used and referenced in my past two years of learning development.

The List

Fonts

http://www.google.com/fontshttp://www.fontsquirrel.comhttp://comicneue.com/http://app.prototypo.io/ - font creator app, pretty cool

Icons

Vectors and Stock Photos

CSS

SVG’s

Buttons

UI Kits

React Tools

Visual Design Frameworks

These are the only two frameworks I’d ever recommend outside of Bootstrap.

Code Snippets / Codepens

Angular Directives

Angular Tips / Tricks

Desktop Apps in JS

Color palette and backgrounds

Deployment

Sublime Text Plugins / Mods / Themes

CSS Frameworks / Sheets

  • Normalize.css (I like Normalize more than a hard reset for CSS.)
  • reset.css (I don’t use this very often, see above)
  • skeleton.css - responsive, ultra-lightweight CSS library - super kickass for small projects, not very powerful for more advanced stuff, though.
  • jeet - CSS grid only, useful for minimal projects or portfolio pages
  • pills

Style Guides

These are style guides that I generally adhere to as best as I can.

Seed Templates

Solid ES6 node jspm seed template with testing and travis

Workflow and Dev Process Tutorials

Yeoman generators

Tutorials / Helpful Resources

http://www.sitepoint.com/creating-crud-app-minutes-angulars-resource/Note: $resource requires the ng-resource library.

Advanced Routing with Angular

https://medium.com/opinionated-angularjs/advanced-routing-and-resolves-a2fcbf874a1c

Creating a Style Guide for Websites

http://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/

Mongoose Populate

http://jaketrent.com/post/mongoose-population/

$http Then, Promises, and Chaining - Good User Profile Examples

http://www.dwmkerr.com/promises-in-angularjs-the-definitive-guide/#promisessuccesserrorthen

Using httpInterceptors to supplement auth in Angular

http://onehungrymind.com/winning-http-interceptors-angularjs/

Auth Handling with Angular and Passport

https://vickev.com/#!/article/authentication-in-single-page-applications-node-js-passportjs-angularjs

How To Undo Almost Anything With Git

https://github.com/blog/2019-how-to-undo-almost-anything-with-git

Angular Gulp Builds

http://blog.jhades.org/what-every-angular-project-likely-needs-and-a-gulp-build-to-provide-it/http://mindthecode.com/lets-build-an-angularjs-app-with-browserify-and-gulp/

PostgreSQL on Ubuntu

https://www.digitalocean.com/community/tutorials/how-to-install-and-use-postgresql-on-ubuntu-14-04n

Best Way To Setup Loading Spinners - Use $httpInterceptors

http://fdietz.github.io/recipes-with-angular-js//common-user-interface-patterns/displaying-a-loading-spinner.html

Advanced Handling of Error and Success Functions with $http

http://michalostruszka.pl/blog/2013/09/06/selective_http_errors_handling_in_angularjs/

Creating a JavaScript Library

http://checkman.io/blog/creating-a-javascript-library/— Bonus: A template for creating a modular, AMD compatible, JS Library - https://github.com/jeremyckahn/lib-tmpl

Creating a JavaScript Framework

http://www.aptuz.com/blog/create-javascript-mvc-framework/This is not so much of a “Hey, create a framework and use it in production!” as it is a “Hey, code your own framework to get an idea of how other frameworks do things so that you can get a better feel for what’s going on behind the scenes”

Multi-Site Hosting Setup with Git Update

http://petemichaud.github.io/2013/09/05/multisite-server-jekyll-digitalocean.html

There is more to come, stay tuned!