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

Design

What skills are required for this kind of project?

Please can someone tell me what all skills are required to develop this kind of website- http://thinstrokes.com/custom/

3 Answers

Hi there,

If you view the page with Chrome's Developer Tools you can see a lot of the workings behind the site - screenshot

That shows you much of what you'd need to know to build something similar.

I hope that helps.

Steve.

Hey there!! Definitely a great looking webpage!! While I am not sure what software they used, this type of site can be made almost entirely in the Adobe CC suite... regardless of your HTML, CSS, or JavaScript skills.

I most frequently use Adobe Illustrator. I do both print and web page design with it. Even flat designs made in Adobe Illustrator can be sliced into multiple components to be inserted into a page with HTML and styled/positioned using CSS. CSS keyframe animations are really cool! Even without that much language experience you can use Adobe After Effects to do all the animation, Adobe Muse for drag-and-drop site design... All of these basically do the coding for you... just post to your server and away you go!

Some excellent courses in the Treehouse library! Lots of good Adobe classes in the DESIGN section and Guil does some really good CSS classes too!

Keep up the good work! Keep dreaming big, but don't forget the basics too!

One more thing you can do besides brushing up your skills in CSS, HTML, JS is also know what API's the site is using.

wappalyzer

This site (and extension) will allow you to see what technologies they use, so you can also use those same tools.

Keep in mind that sites may be able to hide which technologies they use, or build their own.

Great tool. Thanks!

Steve.