I think it's a fair guess that a good number of us end up helping to build the designs we create, but what does everyone use to get the job done? What app/framework/extension/whatever can't you live without?
Live Reload on Sublime Text 2 and Chrome Extension
One of my favorite recent discoveries is the web inspector in the new Safari/iOS 6. Connect your iOS device to your computer, open a page in mobile Safari, go to the develop menu in Safari for desktop, and BAM! Instant web inspector for your phone.
Muuuuuuch less flaky than Adobe Edge.
Used it some days ago and this is a really amazing tool!
Sublime Text, HAML, Sass and compass, Coffee script, Terminal, Git, Slicy, iOS Simulator, Browserstack, ImageOptim, Kaleidoscope
Sublime Text, Chrome, Git and Terminal. Codekit is super useful as well but looking to replace it somehow. Susy and Sass.
I choose one of the following 4 frameworks, based on size and needs: - Example static: Codepen.io - Small static: Codekit - Medium/Large static: Middleman - Others: ROR
Primary browser: Chrome Editor: Sublime text (with following languages: Slim (ruby), SCSS) Version control: Github.com
Deployment: FTP (Transmit ), Heroku or fjords.cc
Chocolat (for HTML, CSS), CodeKit (for LESS), Chrome, Github for Mac or (more often) Gitbox, Photoshop, Illustrator, Sketch.
Text editor: MacVim + Xcode w/ XVim (http://git.io/dVHvJw). CSS stack: Scss + Bourbon (http://bourbon.io) + Neat (http://neat.bourbon.io)—shameless plug: I'm the main contributor. Graphic editor: Illustrator + Photoshop CS6 Version control: git w/ git-extras (http://git.io/nVjfxQ) & hub (http://defunkt.io/hub/) + Github for Mac + Tower (http://www.git-tower.com) Terminal: iTerm + oh-my-zsh (http://git.io/M1y4bQ) Local Webdev tools: LiveReload (http://livereload.com) + Anvil (http://anvilformac.com) Static site generator: Jekyll (http://git.io/FUpXog)
Photoshop > Bootstrap > Coda/Live Reload > MODX CMS
I usually try and use one new technique or tool on each project to see if it like it. Recently been tryout out SCSS.
Slicy looks super interesting, definitely going to try that.
Espresso and Hammer!
Espresso by macrabbit. Editing CSS with the live preview (used to be a standalone app, CSSEdit) feels very intuitive, and it's especially good for anyone who's still learning CSS.
supeeerrrr fast front end dev
like... so fast your mind will be blown
Hammer is pretty useful for pure front-end stuff.
I use Sublime Text 2, xScope, iTerm 2, Sass, Git and guard-livereload on a daily basis. I also still use CSSEdit (the version before it merged with Espresso) for older projects that don't make use of Sass.
SublimeText 2 iTerm2 Coffee (not script, but that too..) Keynote for rapid prototyping
Sublime Text, CodeKit for Coffeescript & SCSS, Github, SpriteRight
SpriteRight and Slicy are a perfect combo.
Sublime Text 2, Github for Mac.
SublimeText, Balsamiq, HipChat, Tower
jsfiddle.net layerstyles.org 0to255.com tinypng.org slowyapp.com - connection simulator
Grunt.js Slicy iOS Simulator Coda MAMP Alfred Spectacle