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

HTML

Posted by Emil Schmidt
Emil Schmidt
1,018 Points

PSD to HTML practice

Hi everybody,

Does anyone know any good websites where you can download PSD files for practicing html and css? I haven't been able to find any files here on Treehouse.

Best regards Emil Schmidt

4 Answers

Adam Fichman
Adam Fichman
9,502 Points
Adam Fichman
Adam Fichman
9,502 Points

Theme Forest has a ton. They are usually very high quality and worth the price. However if you're looking for free ones google is your best friend. Just a quick google search of "free webdesign psd" came up with:

Have fun!

James Barnett
James Barnett
39,199 Points

You don't need an actual PSD file to learn how to code up a design. Just take a look a live preview of a template on Theme Forest and code it up without checking the source.

To figure out the colors, typography and exact sizes (in pixels) used use the Eye Dropper, WhatFont, MeasureIt! browser extensions.

Samuel Lopez
.a{fill-rule:evenodd;}techdegree
Samuel Lopez
Front End Web Development Techdegree Student 13,960 Points

Thanks James Barnett for sharing this great browser extensions!

chrisfrees
chrisfrees
1,706 Points
chrisfrees
chrisfrees
1,706 Points

If you're really just looking for practice I think you should find some cool shots on Dribbble then convert them to HTML/CSS in Codepen.

Emil Schmidt
Emil Schmidt
1,018 Points
Emil Schmidt
Emil Schmidt
1,018 Points

Thank you for helping me guys! I just wasn't able to find anything on Google either. Have a nice day.

Armando Amador
Armando Amador
6,813 Points
Armando Amador
Armando Amador
6,813 Points

Hey Emil,

These sites might help. They have some great tutorials on converting PSD > HTML > WORDPRESS. They might be a little outdated but they still teach the fundamentals. You might have to search on the archives for older tutorials.

http://www.line25.com http://www.SixRevisions.com