DEV Community

Shan Shah
Shan Shah

Posted on

What is the best way for beginners to learn HTML/CSS?

I’m writing CSS since 2014 almost, 6 Years has passed.

Let me tell you on start well as a beginner i also faced too many challenges & confusions like:

  • What should i do to write a complete template?
  • Should i write through pixels or percentage?
  • Which units are best for responsive designs?
  • How to markup HTML5 structure properly?
  • What is the best way to layout a template?
  • What are the best ways to start your CSS?

Well, there were too many… So, i started to explore and practiced a lot.

The first things you should always learn at high priority:

  1. Make sure don’t get distracted with frameworks like bootstrap on start.
  2. Learn fundamentals like HTML5 markup, CSS basics
  3. Try, practice and explore the best ways to write markup and how you can write CSS better. There are a lot of tutorials out there.. You can follow CSS tricks website.. or tons of YouTube channels..
  4. Make sure to select the common major best practices. Also, don’t get stuck on that if you can create better (release your version of code)
  5. Learn CSS media queries (the best way possible) and make them better in your web projects.
  6. Learn CSS animations/transitions as well as SVG.
  7. Make tons of example or demo projects too. You can explore UICollects, Dribble, lapa ninja, landbook etc. There are tons of websites out there to get inspirations from different designs.

There are tons of tips i can give you, but i think it’s better to train you with those tips.

Well, i’m now sharing my knowledge with community:

You can subscribe my YouTube Channel & also make sure to click on bell icon so you will never miss any update: ShanShahOfficial

Recently, i started with the new FREE series: Learn to build confidence in writing CSS. You will definitely love it.

Thanks & Best of Luck

Regards:
Shan Shah

Top comments (1)

Collapse
 
violet profile image
Elena

There also this youtube video tutorial on html/css, which might be useful to people that like to learn things in a more visual way.