DEV Community

Cover image for Get Better at HTML and CSS by Cloning these 10 Minimalist-ish Websites

Get Better at HTML and CSS by Cloning these 10 Minimalist-ish Websites

Carlos Augusto de Medeir Filho on January 12, 2020

Practicing may not make you perfect but certainly it makes you closer to being. Here I bring a list of 10 minimalist websites to be cloned. The foc...
Collapse
 
olenake profile image
Onkgopotse Lenake

Hi Carlos,

Thank you for this wonderful post.
It really boosts the learning curve in this mesh of fast paced modern tech world.

The rate of change is so fast that if you don't learn quick as well, tomorrow your app might break because of new tech updates, package updates, tools updates and etc...

My head has been spinning daily because of new breaking changes, documentation lagging far behind, some comments explaining parts of code neither here or there.

The good thing though at least (out of those headache breaking changes) is that the light is starting to shine bit by bit. By remembering the lessons learned after the headaches, doing research and getting help from communities such as DEV, the learning curve becomes bearable.

For me it is through such initiatives like your post that inspire me, and with that I am now a new proud member of the community. :)

Thank you for this post!

Collapse
 
camfilho profile image
Carlos Augusto de Medeir Filho

I'm glad to be part, even a small one, of your journey!

Collapse
 
olenake profile image
Onkgopotse Lenake

Yup, awesome! :)

Collapse
 
conermurphy profile image
Coner Murphy

I love the idea of looking at developed websites to both gain ideas and develop our skills. Often if design doesn't come naturally to you, you need some inspiration to get you started. Speaking of which, I need to go make an inspiration folder.

Collapse
 
iampacesetter profile image
Hammed Adewale

Hi writer, thanks for sharing this.. Does it take a lot of time to learn cloning? I'm interested in this

Collapse
 
camfilho profile image
Carlos Augusto de Medeir Filho

Hello!

Actually, Cloning means just to try to replicate yourself.

Just open your editor or use codepen and try to make it look as equal as possible to the original one.

Collapse
 
justgage profile image
Gage

I thought you meant git clone ... 😂. Well that makes more sense. I couldn't find the code anywhere.

Collapse
 
paramsiddharth profile image
Param Siddharth

Aye, thank you! I'll certainly be trying to clone them. :) It's very much fun when you are successful.

Collapse
 
camfilho profile image
Carlos Augusto de Medeir Filho

Comment here when you're done =)

Collapse
 
simeon4real profile image
Simeon Udoh

Cloning full website or just the header?

Collapse
 
camfilho profile image
Carlos Augusto de Medeir Filho

Hello!
It is up to you actually.

Some Of them I'm doing full, another just some parts.

Collapse
 
theodesp profile image
Theofanis Despoudis

I think most of those websites are heavy users of jQuery and Javascript so it won't be just a CSS and HTML job. But you can learn quite a few things.

Collapse
 
camfilho profile image
Carlos Augusto de Medeir Filho

Hello =)

Yeah,

That is why some of them take too long to load; However, the focus here should be on different aspects of the website other than the animations.

Collapse
 
skylarng89 profile image
Patrick Aziken

I'm definitely working on this. #My2020Goal

Collapse
 
ilango123 profile image
ilango • Edited

Hi, I like your article. Minimalist websites sound great. What did you mean by 'cloned', exactly?

Collapse
 
camfilho profile image
Carlos Augusto de Medeir Filho

Hello!

When I say Cloning/Cloned I mean to try to replicate them by yourself.
Trying to match them as perfectly as possible.

Collapse
 
adeleke5140 profile image
Kehinde Adeleke

They all look so good and I'm not sure I could replicate them perfectly but I'm ready to give it a try.

Collapse
 
judecodes profile image
Cool

If this was all built by the no-code movement, it felt discouraging
However I look forward on cloning these websites!

Collapse
 
nnisar88 profile image
Naveed Nisar • Edited

if anyone have done? Share with me. i am in trouble.