Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Posted by Suleiman Leadbitter
Suleiman Leadbitter
15,805 Points

Streamlined workflows

We tend to do the same things over and over and over and over and over and over and... You get the idea.

I was curious what optimised work flows people have in place.

I am currently fine tuning mine using between five and three device widths for responsive designs.

So I use the following:

  • Sketch sheets with the grids set up for printing (although I prefer a paperless approach)

  • Noteable / Penultimate templates with the same grids on the iPad

  • Book for project on Paper app on iPad for ideas sketching

  • Keynote for prototypes

  • Photoshop templates with grids

  • Photoshop for common elements

  • Slicy for rapid Photoshop output

  • Hammer for coding along with Sublime text

  • Bourbon for Sass and Borbon Neat for the grids

Because I work with the same grids that are flexible it is a rapid process that's hope to make better over time.

2 Answers

Vaibhav Kanwal
Vaibhav Kanwal
1,199 Points
Vaibhav Kanwal
Vaibhav Kanwal
1,199 Points

Suleiman,

Hammer looks like a recent addition to the workflow.

Do you find it useful? I am concerned about using the hammer specific comments in my code. Is it worth the time and learning curve.

Thanks for sharing the list. I do something like :

  • Hand sketching on Paper
  • Low-Fi mockups using Balsamiq

Then I hand off my stuff to visual designer. I use the high-fi mockups in PSD to begin coding further

  • I don't use Slicy much as it doesn't work for everything. Sometimes its nice sometimes not so much.

  • Setup Mamp environment

  • Setup Git local and remote repos for development server

  • Coda 2

  • Add Git post push hooks to deploy on server so I don't have to mess with FTP. (DeployHQ)

  • Sass : Bourbon & Neat

  • Parallels for Win7 and IE testing

Suleiman Leadbitter
Suleiman Leadbitter
15,805 Points
Suleiman Leadbitter
Suleiman Leadbitter
15,805 Points

Oooo I did a search for 'Bourbon' and this came up. An old post of mine. I might update this later on with what I have changed and learnt :)