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

CSS

Posted by Rowan Sims
Rowan Sims
4,898 Points

Moving from Sketch 3 designs to a real website

So I'm learning how to use Sketch 3 currently, but I'm a little stumped as to the process of turning my designs into code and a real site. I know there are 'export to CSS' tools in Sketch, but what about HTML and JS? Are there any resources that break this process down step by step? Thanks in advance.

1 Answer

John Halbert
John Halbert
12,922 Points
John Halbert
John Halbert
12,922 Points

In my experience, "export to HTML" tools aren't very useful in my workflow. Although I haven't used Sketch, I'm speaking to the general behaviors of other programs such as Photoshop and InDesign.

If you have a solid understanding of HTML and CSS, I'd advise you look in to utilizing a CSS Framework that provides a grid system such as Bootstrap or Foundation. These provide me with quick prototyping from my design, and allow me to bypass the struggles of getting the CSS of an element "just right". I suggest a solid understanding because grids, while useful 90% of the time, nearly always have specific parts you'll want to override.