Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

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.

Coding phase?

That guy is a scammer. Been exposed many times.

3 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 90,705 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. :-)

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.