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
John Levy
1,451 PointsLooking for codes of full websites I can play around with to practice.
I have just started CSS basics and I am finding it a little overwhelming and find once I have learnt one thing I forget it when I move on to the next lesson. I was thinking if anyone knows if there are any complete basic website codes available and where I can find them? This way I can play around with the settings and see how things change when I play around with it. Thanks in advance John
6 Answers
Andrew McCormick
17,730 PointsCSS Zen Garden is always a great place to start for the basics. You can load in different stylesheets to see how they look, then download the HMTL and CSS to play with as you want. http://www.csszengarden.com/
Codin - Codesmite
8,600 PointsHTML5 UP! Has some good examples of website templates (everything is free to download and has online demo).
John Levy
1,451 PointsThanks for both your replies. I will check out the sites you suggested. Kind regards John
John Levy
1,451 PointsHello again I tried http://html5up.net/ and there are a lot of good examples but I cant figure out how to open them. I cant find the html doc on any of the ones I downloaded. I saw one with the file name "html5shiv" which was the closest I got to finding the html doc but that would not open. Does anyone know where I may be going wrong? Kind regards John
Codin - Codesmite
8,600 PointsWhich style are you have problems with? I quickly downloaded one "Phantom" and it had an index.html at the root of the folder and a README.txt file with instructions.
html5shiv is a javascript workaround for browsers that are not compatible with the new html5 symantic elements such as <section> <header> etc
John Levy
1,451 PointsHello, Thanks for your reply I just downloaded "Phantom" I see the index folder. When I click on it I do not see the code just the layout of how the page will look though. I was expecting to see something like the code below. Am I doing something wrong? Kind regards John <!DOCTYPE html> <html> <head> <title>Title of the document</title> </head>
<body> The content of the document...... </body>
</html>
John Levy
1,451 PointsHello
I just figured it out. I was left clicking on the index folder. I didn't realize I had to right click on it and select edit with notepad++. Thanks again for your help Kind regards John
Codin - Codesmite
8,600 PointsSublime Text is very good for managing products such as this, you can open the whole folder with Sublime Text and quickly navigate all the files the folder contains.
