br-frontend-tooling-links
br-frontend-tooling-links copied to clipboard
sparkbox
Links and resources for our Build Right: Frontend Tooling workshop
trafficstars
Links and Resources
Build Right: Frontend Tooling from Sparkbox
Path of Pain
Productivity
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
Editors
Sublime Packages
Vim resources
- Vim for people who think things like Vim are weird and hard
- Ethan's Vim Dotfiles
- VimAwesome
- Vimbits
- Vimcasts
Source Control
- 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)
Static Design Tools
Version Control for Visual Design
Wireframing Tools
Visual Design Tools
Hybrid apps
Browser Developer Tools
Preprocessing
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
Local Servers
Device Testing
- VirtualBox
- Parallels
- Modern.ie
- IEVMs Script
- Browserstack
- Edge Inspect
- BrowserSync
- Ghostlab
- XScope
Accessibility
Automated Deployment
Services
Roll Your Own
sparkbox