How I Set Up Sublime Text

This is just for my reference for when I install a clean version of Sublime Text.

Click View > Side Bar > Show Open Files
Click Sublime Text > Preferences > Settings – User and paste this into the config object, to match JSLint’s preferences (this may change when using a different language)

“tab_size”: 2,
“translate_tabs_to_spaces”: true

Go to the Sublime Package Control – Installation page and follow the directions.

Press Cmd-Shift-P and Install packages – BracketHighlighter, SidebarEnhancements, Colorpicker, and SublimeCodeIntel

Run ‘npm install tern’ in the terminal, then Cmd-Shift-P install package tern_for_sublime.

Follow directions here to install JSLint package. Open ~/Library/Application Support/Sublime Text 3/Packages/JSLint/JSLint.sublime-build and add /usr/local/bin/ to the node command on line 3. Save the file, restart ST.

Click Tools > New Snippet and create HTML5 snippet and save as html5.sublime-snippet

Open desired folder and Project > Project Save As, use Cmd-Ctrl-P to move between projects.

Optionally refresh your memory on keyboard shortcuts using a cheatsheet (this one is for Sublime Text 3 on OS X).

CSS3 & Sass Resources

I recommend CSS3 – Pushing The Limits highly, and it covers the bleeding edge of CSS3.

Other resources include Learn Advanced HTML & CSS and Learn Layout, and Lea Verou has many interesting CSS3 articles. Scalable and Modular Architecture for CSS is a book that is freely available online, and there are several Sass books including Sass & Compass For Designers, Sass and Compass in Action and Sass for Web Designers.

This front end web development test is very difficult and informative.

Mistake

The other day I moved to a new hosting account and made the mistake of not backing up first. I was able to use a backup from July to get many of the posts. Then I found Google had cached the posts from August, so I was able to re-post those. However, I lost the theme I was using, which was a very skeletal alteration of an HTML5 starter theme called Bones. One thing I don’t like about the default 2013 theme is that all the navigation is in the footer instead of in a sidebar, although that is probably easily fixed. It is mobile friendly and responsive so it works for now at least.

Node Link Dump

Up and Running with Node.js – OFPS – O’Reilly Media
Felix’s Node.js Guide
The Node Beginner Book » A comprehensive Node.js tutorial
A Node.JS Holiday Season Articles ✩ Mozilla Hacks – the Web developer blog
introduction to node
maxogden/art-of-node · GitHub
Node.js for beginners, part 1 – Hello world, and a bit of fun!
Node Tuts – Node.js Video Tutorials
Pony Foo
Introduction to Express | Nettuts+
Going Live With Node | Nettuts+
Build a Complete MVC Website With ExpressJS | Nettuts+
An Absolute Beginner’s Guide to Node.js
Node Tuts Professional – Introduction to Node.js – Node Tuts Professional – Episode 1

AngularJS Link Dump

Learning AngularJS <learning class=’always’>…
Fun with AngularJS! | Devgirls Weblog
Egghead IO
How do I "think in AngularJS" if I have a jQuery background? – Stack Overflow
Learn AngularJS in 5 steps – revolunet blog
Introduction to Angular JS – YouTube
Building a Spreadsheet in 20 Minutes with Angular.js — Thomas Street
DailyJS: Google, Twitter, and AngularJS
jmcunningham/AngularJS-Learning · GitHub
Building a Web App From Scratch in AngularJS | Nettuts+
A better way to learn AngularJS – AngularJS Tutorial | Thinkster
AngularJS in 60 Minutes (PDF)
AngularJS Best Practices – Jaco Pretorius
How to get started (Part 1 of the AngularJS – from beginner to expert in 7 steps series) | ng-newsletter
AngularJS For Beginners | Srikar Gudipati
A Better Way to Learn AngularJS | Thinkster
AngularJS Tutorial: Learn to build modern web apps | Thinkster
AngularJS Tutorial – AngularJS in 30 minutes
10 Reasons Why You Should Use AngularJS – SitePoint
The Angular Way | Flippin’ Awesome
AngularJS: Index