Todo:

• Prototyping workflows for devices (web and apps)
  • Some paper and a pencil
  • Axure
  • OmniGraffle
  • inVision
  • FramerJS
  • Origami prototyping toolkit for Quartz Composer
  • CSS Wireframes
• A/B Testing
  • Study
• Responsive webdesign workflow (from design to deploy)
• Application planning and UML
• Deployment workflows using git, php and ...?
• Code formatting
  • Prettier

Design Sprints

• Duco Your practical guide to running successful Design Sprints

Deploy Git over FTP

The best one I've found so far is based on NodeJS and called DPLOY which is also available on Github. All settings are in YAML and it has support for multiple environments, perfect for local development with staging and production environments.

Note: if you install dploy in the same directory you want to sync, then leave path.local blank! Read Github Issue.

You also have online services to deploy git project over FTP, but the most are quite expensive and not always so reliable:

• dploy
• FTPLOY
• Beanstalk

Deployment and development

Open Source Projects

• Docker
• Deployer (for PHP)
• Magallanes (for PHP)
• Puppet
• Rocketeer (for PHP)
• Vagrant
• PHP The Right Way: Virtualization

Services

• Chef
• Envoyer
• Forge

Resources

• Getting Git Right

Using Yeoman

Installation is quite simple when you have NPM and Git installed: npm install -g yo

This will install Grunt and Bower automaticly. You'll also need Ruby and Compass when your planning to use SASS (SCSS).

• Getting started wiki
• Building apps with the Yeoman workflow
• Yeoman Ember -- The missing tutorial

Examples of use:

• yo webapp
• npm install -g generator-ember
• yo ember
• yo ember:model
• grunt test
• grunt serve
• grunt (--force)

Nice Yo Generators

• Ember
• Html 5 Boilerplate
• Sass Boilerplate
• Underscores for WordPress
• More will follow... Check out the community generators

Taskmanagers

• Choose: Grunt, Gulp, or npm?
• Broccoli
• FuseBox
• Gulp
• Grunt
• npm
• Parcel
• Webpack

Linting

• CSSLint
• ESLint
• JSHint
• JSLint
• Sonarwhal

Grunt

Articles

• Grunt is not weird and hard on 24 Ways
• Setting up Pure and SASS with Grunt

Tasks shortlist:

• Javascript (jslint)
• CSS (preprocessor, minimize)
• Image optimizing (imagemin)
• Watch (watch config, livepreview)

Gulp

Building with Gulp

Terminal Tricks (For OS X)

Useful tools

• iTerm
• Oh my zsh
• ZSH-LOVERS

A little cheatsheet with commands:

• ls -a - lists all files, including hidden files (-a).
• open . - open directory in OS X Finder.
• cp - copy a file or directory.
• mv - move a file or directory.

Using Bower

• bower search ...
• bower install ... (--save)
• bower list
• bower update ...
• grunt bower - Injects your Bower dependencies into your ... configuration
• grunt bower-install - Injects your dependencies into your index.html file

.bash_profile

This file located at the /~ (your user folder) manages all bash/commandline settings for your account. Below some basics and tricks:

For easy editing this bash profile file and also reloading it you can add these lines. Edit using 'editprofile' and 'reloadprofile' reloads the settings after editing.

alias editprofile="sudo nano ~/.bash_profile"
alias reloadprofile=". ~/.bash_profile"

Adding applications so you can use inkscape, bower or yo like below, without the filepath.

alias inkscape="/Applications/Inkscape.app/Contents/Resources/bin/inkscape"
alias bower="/usr/local/lib/node_modules/bower/bin/bower"
alias yo="/usr/local/lib/node_modules/yo/bin/yo"

It's also possible to add paths/directories so everything within will be accessable without the full filepath.

export PATH="/usr/local/bin:$PATH"
export PATH="/usr/local/php5/bin:$PATH"
export PATH="/usr/local/mysql/bin:$PATH"
export PATH="/Applications/Xcode.app/Contents/Developer/usr/libexec/git-core/:$PATH"
export PATH="/Users/tim/Documents/Mobile/android-sdk-macosx/tools/:$PATH"
export PATH="/Users/tim/Documents/Mobile/android-sdk-macosx/platform-tools/:$PATH"