Welcome to the Treehouse Community
Looking to learn something new?
Jason Rivera6,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...
Is that statement true?
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.
Jonathan GrieveTreehouse Moderator 90,705 Points
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
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.