I wish I made a yearly habit of this, documenting my front end work flow: both hardware and software wise over the years.

Historically its largely been determined by place of my employment. When I worked for a university bookstore, my workflow was pretty basic. I was given sort of AMD WinXP config with Dreamweaver / Photoshop in 2010 followed by some sort of awful energy drink.. My job after that was an 21 inch iMac in 2012 with Coda / Photoshop / VMware / iOS simulator, and with some sort of tea or energy drink.

Over time my workflow has expanded, smaller computer but bigger displays and more devices, and more software and straight coffee has replaced all inferior beverages.

image

Hardware: ( Pictured Left to right):

27 inch 4k Dell monitor, Nexus 5, iPhone 5, iPad 2, 2013 Retina MacBook Pro 15, 20 inch Viewsonic 1080p, Elgato Thunderbolt 2 Dock, USB 3.0 hub, USB 3.0 HDD, Apple keyboard, Logitech G500.

image

Software:

OS: OS X 10.10.4

IDE: Sublime Text 3 (occasionally coda)

Graphics: Photoshop / Illustrator / Sketch + ImageAlpha & ImageOptim

Precompiler: Grunt.js  with LibSASS  + autoprefixer + cssmin + BrowserSync + JSHint + uglifier

Version Control: Tower (Git) usually on BitBucket

Ticketing System: JIRA

Virtual Machines / Simulators: iOS Simulator (Xcode 5 & 6), Genymotion (Android), VMware/Parallels/Virtual Box + Modern.ie configs + previous OS X releases

Other tools / utilities: 1password, ColorSnapper, SnapRuler, Ghostery, Adium, Keynote, Pages, Transmit, Fontprep, Iconslate, Time Machine, Apple Motion, Codepen.io

Retired but legacy; CodeKit, Prepros 


Notably this doesn’t include a few devices around the office I use: A Microsoft Surface RT, an iPad 3, a Nexus 7 tablet, and a Kindle Fire.