how to get better in css and js

[iron tree]

i only know basic and beginner level

[swift badger]

Try replicating existing websites without looking at their code.

[iron tree]

like not even their width and height

[swift badger]

Use browser dev tools to check that. Also, you can just approximate. The idea is to practice techniques and not to actually make an exact replica.

[iron tree]

but how can we make designs using css like shapes

should i learn any framework?

[swift badger]

It depends on the shape. You can use clip paths, gradient combinations, or border radiuses.

[swift badger]

Frameworks are useful to learn, but it's better to get decent competency without them first.

[iron tree]

like these

[iron tree]

ohhh

[swift badger]

That one says "path" because it is an SVG path. That shape can be made with CSS, but it's complicated and requires advanced skill if you want to build that shape from a single element. It only requires intermediate skill if you want to build it with 4 elements.

[iron tree]

clip path i never heard but i checked mdn docs just now😀

oh

[iron tree]

so replicating websites even their functionalities like texting and posting?

[swift badger]

I'm not sure what "texting" refers to in this context. You can skip the ability to submit a post. It seems that you are practicing front end, and that requires back end skills.

[iron tree]

thanks : ))

[junior python]

ChooKing pointed out some great points, I've replicated websites design for practice myself. I would use Codecademy and take their Front-End developer course, it'll help you.

[swift badger]

https://codepen.io/chooking/pen/ExJJxXX

[iron tree]

omg

[iron tree]

i will definitely check that

[swift badger]

That was only the intermediate level solution. There is a more advanced one that uses only a single element. That one involves a lot of math.

[iron tree]

ohh

[iron tree]

btw do u know anything about code academy course

[swift badger]

I am aware of it's existence but you probably know more about it than I do.

[iron tree]

no idk about some one suggested me in this forom