- Prototyping workflows for devices (web and apps)
- A/B Testing
- Responsive webdesign workflow (from design to deploy)
- Application planning and UML
- Deployment workflows using git, php and ...?
- Code formatting
- 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:
Deployment and development
Open Source Projects
- Deployer (for PHP)
- Magallanes (for PHP)
- Rocketeer (for PHP)
- PHP The Right Way: Virtualization
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).
Examples of use:
npm install -g generator-ember
Nice Yo Generators
- Html 5 Boilerplate
- Sass Boilerplate
- Underscores for WordPress
- More will follow... Check out the community generators
- CSS (preprocessor, minimize)
- Image optimizing (imagemin)
- Watch (watch config, livepreview)
Terminal Tricks (For OS X)
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.
bower search ...
bower install ...(
bower update ...
grunt bower- Injects your Bower dependencies into your ... configuration
grunt bower-install- Injects your dependencies into your index.html file
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"