standard logo
Action is the foundation key to all success.
Pablo Picasso
top left empty top right
just code

My Dev Toolbox



Here are some tips, tricks and tools. Please feel free to use, reshape and redistribute or whatever you like. Just remember to pass it on. 




Twitter Bootstrap

Coolest Tool of the Day

WCAG Color Contrast Checker







Building easily extended Javascript using a prototype base.


FireFox Addons


Lets you trace resource calls from SWF files. Good for those times when the clent has no FLA file and you are scrambling to figure out where external resources are located.



Quick Reference (cheat sheet)



Sqlite FireFox Addon

Manage your SQL Lite DBs from within Firefox.


PHP Libraries



My favorite plugins


Collaboration Tools

TitanPadTitanPad lets people work on one document simultaneously (realtime website design collaboration)

A fun and easy way to share ideas on a website.

Think of Stixy as your online bulletin board. Create as many Stixyboards as you like, one for each project

A fun and easy way to visually build mind maps.

Protonotes are notes that you add to your prototype that allow project team members to discuss system functionality, design, and requirements directly on the prototype. You can think of it like a discussion board/wiki in direct context of your prototype.

Mark up websites, graphics, and photos, or start brainstorming on a blank canvas. Browse the web with your friends or make that conference call more productive than ever. No plug-ins, downloads, or firewall voodoo - it's all here, ready to go when you are. Browser-agnostic, user-friendly.


Design Ideas = Free Clip Art



Design Tools

Balsamiq Wireframe Builder


Smartdraw (My favorite)


Pencil Project - open source wireframing tool. Runs on all platfirms and as an Addon for Firefox

Basalmiq - Built with adobe air, gives wireframes an artisitc flair ( damn did I just write that! ).


Add custom fonts to your web apps


Testing Tools

Free Malware Protection


General Tutorials

version control systems

© 2011 Peter Drinnan
project development stages

© 2011 Peter Drinnan
programmers you have to interview
interviewee1 The Unicoder

The guy is fucking brilliant but he has a few issues with society.

  • Pros: will kill the competition
  • Cons: may literally kill the competition
  • Advice: call security and change your home address
interviewee2 The Cooler

Interviewing this guys sucks the life out of every cell in your body.

  • Pros: very humble
  • Cons: will trigger collapse of company
  • Advice: wish him upon your competitors and watch a happy movie when you get home
interviewee3 Certified Bullshitter

Can sell anything as long as nobody knows what he is talking about.

  • Pros: very confident
  • Cons: doesn't know shit
  • Advice: send him back to the used car lot
interviewee4 Silent Bob

This guy doesn't really want the job. His wife dropped him off for the interview.

  • Pros: smartest guy in the office
  • Cons: total slacker
  • Advice: call his wife and tell her he's getting the job
interviewee5 The Overdriver

Drinks coffee to relax. Should have been a truck driver.

  • Pros: will work 20 hours a day
  • Cons: will work 20 hours a day
  • Advice: make him a project manager for the sake of morbid curiosity

© 2011 Peter Drinnan


The First Little Piggy would have built using Wordpress. After a few weeks, the whole thing would have been hacked and turned into a spambot for some Russian spam king.

The First Little Pig

The Second Little Piggy would have hired a development company to build with Drupal. After a few months, the whole thing would have been covertly outsourced to india, delivered six months late and three times over budget finally collapsing under its own weight.

The Second Little Pig

The Third Little Piggy would have hired consultants to help build everything in the cloud using API services. After a few years, the whole thing would have become so complex he would need to hire the Wolf just to find his fucking house.

The Google Wolf
© 2011 Peter Drinnan

If there had been internet in ancient Rome

© 2011 Peter Drinnan

When you talk tech with your clients

© 2011 Peter Drinnan

doodle 4

© 2011 Peter Drinnan

© 2011 Peter Drinnan

bottom_left empty bottom_right