i just learned html and css and i wanna create some interfaces myself for before getting into javascript for practice.

Question

I basically want you to give the link of a website i as an exercise wanna try to recreate the interface. It dosen't need to use only html and css. It can be a forum or something. I don't wanna make an exact copy. I want to recreate only the inteface itself.

Answer 1

So basically, you're going to give us a website, and we have to rewrite it for you ?

Answer 2

Andrei I if you recreate it, and it looks the same, then what do you need us for ?

Answer 3

Everyone has his own style. The way I may rewrite the website may be very different from yours. All that matters is that you stick to one single layout, so that it would be easier for you to quickly find a bug, and quickly modify your bug.

Also, rewriting websites is not the only way to learn about it. You can make your own websites from scratch, and it could be about anything.

As long as your code is working, then it should be fine. Along the way, you will start noticing better ways to write the code, so it really cmes with experience, and experience only. Good luck!

Answer 4

So you're saying that it would be a better aprouch to try to create myself a presentation site for a fake barbershop or something and try to make as good looking as i want and find my style

Answer 5

Andrei I yes, that's what I am trying to say :)

As for what Tim Fussnegger said, I personnaly don't think looking at the source code would make you better, it would only confuse you even more.

The source code is useful when you want to extract information for a website, and not for learning. But that's just my own idea, you'll have to try it yourself to decide.

Answer 6

Some principles for good UI:
https://material.io/archive/guidelines/#

Some UI template :
https://wrapbootstrap.com/

If you want content, you can use My Blog Template in HTML course.
https://code.sololearn.com/WS1l4514JQAx/?ref=app
Apply CSS and JavaScript to improve the UI.

Answer 7

I think what you mean is

we give you assignment (recommend a website with nice UI)

you do assignment (try to recreate UI without looking at source code)

It is a good way to learn.

But you need proper learning material, because SoloLearn course is a bit outdated.

Answer 8

Yes, i want to recreate it on the sololearn compiler and then send you the link

Answer 9

look, i don't wanna use for nothing. I just wanna go like :Ok im feeling this is the header, this a section, right here i'd put a div, this is unordered list etc

Answer 10

I wanna do that because i wanna get familiar with layouts and stuff

Answer 11

As far as I understand you want so see the source code. For that I can highly recommend using the debugging feature of Firefox. It can be accessed by pressing f12. Hope this helps.

Answer 12

ok then ingnore everything i sad

Answer 13

Gordon That's a nice way go learn HTML! I can only recommend it!

Andrei I I would love to see your results in this thread, should you go ahead with this idea!

Answer 14

i know that