Become a Sublime Text
— Canadian sized hot tips —
I'm Wes Bos
These slides will be available shortly after this talk - I'll tweet the link out.
Tweet your hot tips to @wesbos
Developers are slow
Both major and minor inefficiencies add up to hours of lost productivity
This should make you cringe
Developers are error prone
Open any file
The mouse is for suckers
Go to symbol
Wrap Selection in Tag
or Wrap with Emmet!
Use any Emmet/css expansion you know of!
Expand to Quotes
Paste and Indent!
Stop re-indenting after pastes
OSX dialog keyboard access
Turn this on in System Prefs → Keyboard → Shortcuts → All Controls
spacebar → Don't Save -OR-
return → Save
The best Packages to speed up your workflow and make life awesome!
Serious. You gotta get these!
Emmet for HTML
Also works with HAML, Jade and Slim!
Emmet for CSS
Better than snippets, finds the best fit based on what you have typed in!
Emmet for anything: Value Bumping
Increment or Decrement just like DevTools, woah!
↕ by 0.1
↕ by 1
↕ by 10
JS-Hint Gutter Linter
Realtime JS-Hint feedback
GhostText for Chrome + Sublime
Don't you wish you could use Sublime for everything? Link any textarea with Sublime!
Better multi-pane switching and splitting
File Completion in HTML + CSS
Show your HEX and RGB colours in your gutter
View your HEX and RGB colours inline!
CSS3 Syntax Highlighting
Wake up ST! This ain't 2009 anymore
Git statuses in your gutter
Instantly Live edit Sass
Pimp Yo Editor
A darker colour scheme can save your eyeballs
Crisp and clear syntax highlighting will cut down on coding errors
Highlight the current line
Increase your caret
Match Brackets and Tags
"match_brackets": true, "match_brackets_angle": true,
Highlight modified tabs
Forgetting to save is the #1 problem in computer science - Wes Bos
Increase Line Height
We do this for our text, why not code?
Such a small change that helps with readability and scanning code
Bold Folder Labels
Folders !== Files. Why style them the same?
"indent_guide_options": ["draw_normal", "draw_active"]
Your theme must support these colours Cobalt2 does
Investing time in any editor will make you a better developer.
Atom and Vim are amazing editors - your workflows are transferable to or from Sublime Text. Spend your time becoming amazing at your editor!
Book + Video Package now available
Use coupon code
JSSUMMIT for $15 off any package.
Q & Eh?
Questions, Comments? What is your favourite tip?