Freelance Weapons of Mass Productivity

Gregg Coppen

http://twitter.com/skabengahttp://github.com/iaminawehttp://drupal.org/user/218536

http://greggcoppen.comhttp://iaminawe.com

gregg@iaminawe.com

Alfred

Drupal API lookupd5 [substring_of_hook] (cached for 365 days)d6 [substring_of_hook] (cached for 365 days)d7 [substring_of_hook] (cached for 30 days)d8 [substring_of_hook] (cached for 2 days)

g.d.odg [nid or group]

d.odo [string]- Search projects by name- Open project url with shortname shortname- Open nid

doi [project] (Load a project issue page at d.o)dor [project] (Goto drupalcode.org repository page for project)dc [project] (Goto drupalcode.org repository page for project)

Search Drupalds [string to search]- Search Drupal site network for [string]- Search Drupal issues for [string]- Search Drupal groups for [string]

Find a userdu [user id or name]- Find by Drupal username- Find by IRC nick

Drushdd d [command] (a Drush alias with a Drush command commandAction - Invokes Drushdd o [command] (a Drush alias Action - Opens the URI associated with the Drush alias in a browser)

Alfred is a productivity application for Mac OS X, which aims to save you time in searching your local computer and the web.

$30 for power pack that allows using workflows

Integrates well with Evernote, Sublime Text, Twitter, Terminal, Finder and many others.

http://www.alfredapp.com/https://github.com/zenorocha/alfred-workflows

Virtualbox

• Disposable dev environments• Self contained• Used by vagrant• Useful for IE testing• Don’t use snapshots

https://www.virtualbox.org/http://www.modern.ie

Vagrant

Development environments made easy.

Create and configure lightweight, reproducible, and portable development environments.

http://www.vagrantup.com/https://drupal.org/project/vagrant

Drush Vagrant

Drush Vagrant Integration provides Drush commands to accomplish common Vagrant tasks, and provides a powerful templating framework ('blueprints').

It also has tools to implement Drush aliases for Vagrant projects and VMs, thus allowing simpler remote control of Vagrant projects.

https://drupal.org/project/drush-vagranthttps://drupal.org/project/drupal-uphttps://drupal.org/project/aegir-up

Digital Ocean

• Excellent control panel• Very cheap prices• Great support • Ridiculously fast• Tugboat command line control• Great documentation & articles

https://www.digitalocean.comhttps://github.com/pearkes/tugboat

https://www.digitalocean.com/?refcode=1765785d0ea1

If you use the link below I will get $10 free hosting :)

Linode

• Clear control panel• Reasonable pricing• Excellent support• Fast & Reliable• Great articles & resources• Frequent surprise upgrades

https://www.linode.com/

Deployment & Maintenance

Aegir allows you to deploy and manage many Drupal sites, and can scale across multiple server clusters.

Aegir makes it easy to install, upgrade, and backup an entire network of Drupal sites.

Enforces best practices site building using drush make, features and install profiles

Comes in several tasty flavours Vanilla, BOA & Devshop

https://drupal.org/project/hostmasterhttps://drupal.org/project/barracudahttps://drupal.org/project/octopushttps://drupal.org/project/devshop

Redmine

• Project Management, issue and time tracking

• Is extendable with an active ecosystem of useful plugins and themes

• Is easy to get issue tickets into with multiple approaches

• Offers a structured but flexible approach to managing projects

• Is versatile with per project modules and custom fields and trackers.

http://www.redmine.org/http://bit.ly/1cCRPNr - 1 click installer

Redmine: Workflow

• Create project and assign members• Create a target version and set a deadline• Create issue• Assign task• Set Deadline• Set Target Version• Work on issue until ticket is closed• Close all issues to reach target version

Redmine: issues input

• Through project manager interface• Via Drupal site with Feedmine• New issues/Responses by e-mail• Batch issue import from spreadsheet• Via chrome extensions• Via iphone/ipad apps using the Redmine api

https://drupal.org/project/feedminehttp://www.redmine.org/plugins/issuefyhttp://getredmineapp.com/

Redmine: Extendability

• http://www.redmine.org/plugins/redmine-dashboard

• http://www.redmine.org/plugins/zenedit

• http://www.redmine.org/plugins/redmine_dropbox_attachments

• http://www.redmine.org/plugins/clipboard_image_paste

• http://www.redmine.org/plugins/redmine_spent_time

• http://www.redmine.org/plugins/redmine_charts2

• http://www.redmine.org/plugins/monitoring-controlling

• http://www.redmine.org/plugins/issue_checklist

• https://bitbucket.org/akiko_pusu/redmine_issue_templates

• http://www.redminecrm.com/projects/questions

• http://github.com/techarete/redmine_timesheet_plugin

• http://www.redmine.org/plugins/status_button

You will need up upgrade Ruby to a more

recent version for many of these to work.

Github

• Hosted git repositories• Edit files from any device• Need to pay for private repositories• Can interact with redmine via post commit hooks• Can also be used for issue tracking/documentation• Active community for open source projects• Makes it easy to follow and track other projects• Developer friendly tools

http://github.com/

Gitlab

• Self hosted github clone• Edit files from any device• Unlimited private repositories• Can be on same server as redmine• Redmine Issue crosslinking and syncing• Can also be used for issue tracking &

documentation

http://www.gitlab.com/

Twitter Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

http://www.getbootstrap.com

Advantages

• Fast to prototype with• Robust & battle tested• Platform agnostic and cross browser• Expanding eco-system of resources• Responsive and mobile first• LESS & SASS versions exist

Disadvantages

• Unsemantic grid classes• Potential jquery conflicts with Drupal• Can be heavy - 458kb if using everything• Sites look similar if left with default styling• Uses Less by default but sass versions exist

Bootstrap Theme

https://drupal.org/project/bootstrap

• Supports Bootstrap 3• Uses CDN or local js files• Quick to implement within

Drupal.• Uses Less• Includes the bootswatch.com

drop in css replacement files

ZenstrapTheme

Zenstrap is a drupal theme is based on the Zen theme and Twitter Bootstrap 

•The following is supported out-of-the-box•Accordion Menus•Message box can be closed•Modal box for Login•Modal box for any url•Drop down Menus•Horizontal Forms•SASS based stylesheets

https://drupal.org/project/zenstrap

Free web-based interface building tool for Twitter Bootstrap.

http://layoutit.com

Design elements and code snippets for Bootstrap HTML/CSS/JS framework

Awesome for quick mockup elements

http://bootsnipp.com

Customizing Bootstrap

Its just css

Drop in bootstrap css file replacement

http://bootswatch.com

Bootstrap css stylesheet generator

http://stylebootstrap.info

Style Tiles

A visual web design process for clients and the responsive web

Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.

http://styletil.es/http://alistapart.com/article/style-tiles-and-how-they-workhttp://samanthatoy.com/washington-examiner/

Static Style Tiles

• Improvement on full mockups• Still labor intensive to produce• Usually done with Photoshop• Type looks different in PS to HTML• Not easy to make changes• Still needs to be converted to css

Static Style Tiles

• Improvement on full mockups• Still labor intensive to produce• Usually done with Photoshop• Type looks different in PS to HTML• Not easy to make changes• Still needs to be converted to css

The site outcome after using style tiles to define design directions

http://canadiandistribution.ca

Dynamic Style Tiles

Andrea Burtons session at PNWDS 2012

• HTML Based Style Tiles• Drupal orientated class names• Foundation for Responsive framework• SASS makes it easy to theme

http://abelb.github.io/drupal_styletiles/

Styling Tiles Distro

https://github.com/iaminawe/stylingtiles-profileAn install profile I have been working on

• Drupal based Style Tiles• Intended for creating quick variations• Can be used by designers• Can be extended with custom css• Uses Bootstrap 3• LESS Preprocessing• Responsive & Mobile first

$50 a year

Supports the foundries and designers

http://typekit.com

Typecast.com

Is a commercial (optional) service but useful for fine typography control in the browser

• Opentype ligature features• Vertical rhythm grid• Fonts from many providers• Generates the css

Livestyle

Live edit your production web-site with original CSS source

• No file saving, no page reloading• You need only web browser and editor for live editing • No special web-server or file watcher required.• It doesn't matter where your CSS file comes from• Use multiple windows to tweak responsive design

http://livestyle.emmet.io/

Sublime Text

• Integrates well with Livestyle & Alfred• Drupal packages extend• Snippets implementation• Takes some time to learn • Extensive ecosystem of additional plugins• Installed through a slick package manager• Quick to open, close and work with

http://www.sublimetext.com/https://github.com/kostajh/subDrushhttps://github.com/robballou/drupal-sublimetext

Freshbooks

• Automated expense imports• Multiple Currencies• Payment Reminders & Notifications• Recurring Invoices• Late Fees reminders and penalties• Integrates with several payment gateways• Range of useful reports for tax time

http://freshbooks.com

Stripe

• Get up an running almost immediately

• Transfers directly to bank account

• Takes about 7 days to clear into account

• 2.93% Fee and 30c per transaction

• Integrates well with Drupal through ubercart and commerce modules

https://stripe.com

New Relic

• Great for Drupal Performance troubleshooting• Free plan offers useful server and app metrics• Easy to set up on any server • Central dashboard to monitor multiple servers• Integrates well with BOA• Notifications via multiple channels• Free T-shirt when you install

http://newrelic.comhttps://drupal.org/project/new_relic_rpm

Blazemeter

Instant load testing platform that lets developers focus on developing. Start testing right away.

Simulate any user scenario for webapps, websites, mobile apps or web services. 100% Apache JMeter™ compatible.

Scalable from 1,000 to 100,000 concurrent users.

http://blazemeter.com/https://drupal.org/project/blazemeter

Thanks

Questions?

http://twitter.com/skabengahttp://github.com/iaminawehttp://drupal.org/user/218536

http://greggcoppen.comhttp://iaminawe.com

gregg@iaminawe.com