Code Club 10/25: Swagify Your Workspace!

Here's the software we'll talk about:

Sublime Text 2

Get it here: http://www.sublimetext.com/

Price: FREE! ($49 if you don't want popups asking you to buy it)

1. Package Manager
   Installation Link

   Package manager is the tool you use to add plugins and things to Sublime. Once installed, Access it with ⌘+Shift+P and type 'package controll'. You'll get a bunch of options; the one you'll want most often is 'install package'.

2. Emmet
   Documentation (Install via Package Manager)

   Emmet is a toolkit that makes writing HTML much easier and faster.

3. Snippets http://sublimetext.info/docs/en/extensibility/snippets.html

   Don't repeat yourself. Re-use code you write often. Some examples of things you can use snippets for are HTML boilerplate, for loops, long comment blocks, function declarations, etc.

4. Themes

   • Soda (light and dark)
   • Flatland

5. Color Schemes

   • Tomorrow Theme
   • Solarized

6. Fonts

   • Inconsolata
   • Fira Mono
   • Souce Code Pro

7. Other Settings

   • rulers

Chrome

Get it here: https://www.google.com/chrome

You don't have to use Chrome, but we like it, and its extensions make your workflow so much better.

Chrome Extensions

1. JSON Formatter
2. WhatFont
3. LiveReload, we'll talk about that in a bit.

Web Developer Tools

You can do some cool stuff with Chrome's Web Inspector!

• check CSS syntax
• adjust values with up and down arrows
• check CSS :hover and :active states
• inspect network requests and responses
• change color units

And in the near future, it'll have even more features:

• inspection of canvas drawings
• pseudo-elements

LiveReload

LiveReload lets you work on your web projects without having to constantly refresh the browser, by refreshing the browser for you whenever one of your files change.

It works with a number of css preprocessors (sass, less, stylus) as well as html preprocessors (haml, markdown) - to name a few.

Other (Mac) Apps

1. Alfred, the best app ever (FREE! but $25 for extra features)

   alternatively: Quicksilver

2. Frank DeLoupe, a color picker ($1)

   alternatively: Digital Colormeter (OS X default Utility)

3. Divvy, a window manager ($14)

   alternatively: Spectacle (free), Moom ($10)

4. Better touch tool, for customizable trackpad shortcuts