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

Jason Rivera
Jason Rivera
6,329 Points
Posted by Jason Rivera
Jason Rivera
6,329 Points

How to turn a web design into html and CSS?

I have heard from a developer on YouTube that you'll know your ready to apply for a web dev position if you can turn ANY web design from places like dribbble into html and css.

My question has two parts...

  1. Is that statement true?

  2. How do I go about turning a design I see into html and CSS? Does Treehouse have a course that teaches this?

Thanks in advance.

jrs0801
jrs0801
259 Points

Coding phase?

That guy is a scammer. Been exposed many times.

3 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,252 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,252 Points

Hi Jason,

I think you're referring to something like "Turning a graphic/PSD/Fireworks file" into a web design, is that right?

I don't think Treehouse has something in the library specific for that but it is very possible to do that. In fact it's a part of the web design process.

  • Pen and Paper (optional)
  • Wireframing (against optionally on pen and paper, or using a package like InVision or Balsamiq to showcase a potential design to a client
  • The Crucial bit - Mockup a design in a graphics package
  • Build the design in CSS and HTML (and JavaScript)

You'll find that sooner or later as you get more accustomed to CSS and HTML that when you see designs out there on the web, your brain will get thinking more and more about the CSS you'll use to recreate the design in the browser. There's a wealth of courses on HTML/CSS available. Soon, you'll see that it is possible and how to piece that knowledge together to get what you want. :-)

Daniel Yates
Daniel Yates
7,653 Points
Daniel Yates
Daniel Yates
7,653 Points

Following a tutorial on how to convert a static design into HTML/CSS is the wrong way of thinking in my opinion. You should learn/practice the languages until you're comfortable enough to achieve that goal yourself.