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

Konrad Pilch
Konrad Pilch
2,435 Points
Posted by Konrad Pilch
Konrad Pilch
2,435 Points

Can somebody show me perfect HTML and CSS

HI, can somebody show me perfect hand made HTML and CSS ?

Im looking only for best practices HTML and CSS real wbesite i could look at the code and take examples.

With hand made grid, no frameworks or nothing.

Preferabily with Pure HTML/CSS JS and PHP . More looking at HTML/CSS and maybe JS.

Im at the stage, where i think, i can get very good at CSS and HTML if i look at the last steps of it . As i think i did well and learned few css tricks last project.

2 Answers

Christian Andersson
Christian Andersson
8,712 Points

You can check a website I did for a client of mine last year. I didn't use any frameworks and no grids. Pure HTML and CSS. It was my first website, so it's not as pretty as some of my more recent ones, but I'm still happy with it.

salongspegeln.net

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

Thank You. Its very small and it gaved me a little view about it but i see im doing pretty much as you , good practices . At least compared to my old ones.

Did you use JS for the stuff and PHP? or how ?

Christian Andersson
Christian Andersson
8,712 Points

Almost no JS. PHP is for all the content which is pulled off a database.

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

Did you made any CMS with PHP ? And lal, cool CSS effects

Christian Andersson
Christian Andersson
8,712 Points
Christian Andersson
Christian Andersson
8,712 Points

Yeah. A basic one. The owner can change all the text and pictures on the site. Hence the database.

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

Well, yes, but to be able to chagne it, he wont go to the database . What i mean more, did you use WordPress or how does he change the content? And how does he log in etc..?

Your site seem perfect if i could make it with HTML/CSS, JS and PHP , pure code no frameworks : p Im looking forward to go into a competition where i have 6 hours to make a website using these technologies without interent so im actually now diving deeper in everything because i want to win and since i want to be developer anyways, its good im doing it anyways. 1 winner out of 17k, so i must use best pracitces as well , hence the question : p

I need to be use HTML/CSS responsive layout . Make carousel slider with JS, and do PHP contact form and log in log out & user page.

Christian Andersson
Christian Andersson
8,712 Points

He can edit the content on the site by changing the values in text fields in the dashboard. When he hits "save" the new content is saved to db. Website then loads content from db.

CMS is custom. No wordpress or anything like that.

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

So you made the customsation with pure PHP?

Christian Andersson
Christian Andersson
8,712 Points

yes

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

Would or could you help me to learn the same as you know please? or what resources did you use for it?

Christian Andersson
Christian Andersson
8,712 Points

I started doing the layout with html and css. When done I added the database and converted some elements to be fetched from the database with php (text, pictures, etc). Then I made the dashboard, which is basically a new page with a login. The dashboard is a simple site with html-forms from where you can change the content and image links.

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

Well, thank you for the information, really appreciate it :)

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

One more thing xd do you know any site or maybe treehouse courses where I can get best practices of HTML and CSS? what I mean is structure, naming conventions, CSS comments etc.. or any article that's good I could learn from it ?

Christian Andersson
Christian Andersson
8,712 Points

Treehouse is definetly a good start. Once you have done them, just try and do your own thing. Then, if you get stuck, you can ask your questions on Stackoverflow.com (or search for one that has already been answered).