Freelancer Weapons of mass productivity
-
Upload
gregg-coppen -
Category
Design
-
view
1.461 -
download
1
description
Transcript of Freelancer Weapons of mass productivity
Freelance Weapons of Mass Productivity
Gregg Coppen
http://twitter.com/skabengahttp://github.com/iaminawehttp://drupal.org/user/218536
http://greggcoppen.comhttp://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
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
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