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

General Discussion

Posted by Aqeel Mohammad
Aqeel Mohammad
1,604 Points

Course Request: PSD to Web

I am looking for a way to teach competent developers how to efficiently take a complex design file and to output a near pixel perfect live version. I feel like this is a skill that many lack or simply choose to overlook.

Do you guys have anything similar in the pipeline? Or perhaps I missed something while running through the courses.

6 Answers

Joe Hirst
PLUS
Joe Hirst
Courses Plus Student 6,489 Points
Joe Hirst
Joe Hirst
Courses Plus Student 6,489 Points

I feel that a slice tutorial is existent or in the pipeline...

If not I would also like to see something similar, it doesn't hurt to have more information and lessons.

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Hi Aqeel and Joseph,

Our Photoshop Foundations Deep Dive will release a new badge next month on Photoshop Slices and Saving for Web, which will teach you how to create and manage slices for user interface elements. It will also cover the basics of the Save for Web feature.

Joe Hirst
PLUS
Joe Hirst
Courses Plus Student 6,489 Points
Joe Hirst
Joe Hirst
Courses Plus Student 6,489 Points

Thanks Guil!

I'm really looking forward to this.

Aqeel Mohammad
Aqeel Mohammad
1,604 Points
Aqeel Mohammad
Aqeel Mohammad
1,604 Points

Thanks for the reply Guil, I will wait and see how the slicing tutorial plays out.

But I was thinking something along the lines of a comprehensive project like Smells like Bakin. Where it progressively goes from design to end product. Technically you could even do a prequel for Smells like Bakin, although it is a bit too simple.

In a larger/archaic team environment where most roles are segregated and there is a heavy reliance on psds, it becomes crucial that the end product is pixel perfect to the provided design.

Deleted User
Deleted User

Not sure this is cool or not, but there is an amazing PSD to HTML tutorial out there that really gets into the details. Slicing really isn't too helpful in the whole scheme of things, just to extract content.

I watched the first few videos for free on youtube.

http://www.youtube.com/playlist?list=PLACcvaSE6EjK7T4SeZ6q6G5-OFwxltnfT

Also, there is this video, just not as well done.

http://www.youtube.com/watch?v=8eCmJgLzyQc

Aqeel Mohammad
Aqeel Mohammad
1,604 Points
Aqeel Mohammad
Aqeel Mohammad
1,604 Points

Hey Mark,

Thanks for the input, it is greatly appreciated. I will give it a quick run through and give my feedback. I imagine the forum was created just for this reason, so don't be shy to share resources.

Also Mr.Carson said in another post: "We're about to release a Learning Adventure called "Become a Frontend Developer ". It'll be perfect for you! :) Hoping to set that live mid-Jan."

http://teamtreehouse.com/forum/how-to-move-from-visual-designer-to-designing-with-code

So we have that to look forward to.