Build Right: Frontend Tooling from Sparkbox
CLI
- Learn the CLI the hard way
- Getting to Know the Command Line
- The designer’s guide to the OSX command prompt
- Command Line Tools for Frontend Developers
- Awesome Shell
Mouse Clicks
- Alfred App
- Colors workflow
- JavaScript to CoffeeScript workflow
- Alfred-Harvest workflow
- Alfred-Pinboard workflow
- [Say workflow] (http://www.alfredforum.com/topic/1055-say-text-to-speech-with-option-of-voices/) (Text to speech, with a variety of voices. This one's fun!)
- Toggle Visibility of Hidden Files workflow
- Launchy (Windows launcher)
- Dash
- Vimium
- BulletTrain
Document Saving, Retrieving & Organizing
Excessive Typing
Distraction
Sublime Packages
Vim resources
- Vim for people who think things like Vim are weird and hard
- Ethan's Vim Dotfiles
- VimAwesome
- Vimbits
- Vimcasts
- Git: The tree of possibilities for the curious designer
- Deliberate Git
- GitHub Fundamentals
- The Git Parable
- Github for Windows
- Github for Mac
- Hub app for Mac (Github Notifications in your menu bar)
Version Control for Visual Design
Wireframing Tools
Visual Design Tools
Hybrid apps
CSS Preprocessing
JavaScript Preprocessing
HTML Preprocessing
Pulling it all together
The open source preprocessing stack
- Bundler
- Install Node and npm (the Node Package Manager)
- Optionally, install Node and npm with Homebrew
- Grunt
- Getting started with Grunt
- Gulp
- Bower
- Handlebars
- Assemble Note: installing Assemble will install and use Handlebars as a dependency.
Windows Downloads
Services
Roll Your Own