Here’s a fact about the web. No matter what backend language you use, you can’t avoid HTML and CSS. Your browser only understands three things: HTML, CSS, and JavaScript. And the truth is, some of us are just winging through it rather than really learning how they work. Especially with CSS. We want to learn CSS fast and be done with the mess it can be.

Now I know, browsers suck. Trying to make your design work in all browsers is too much for you, you’d rather stick to the backend. Or, you are somebody who wants to code a personal website for yourself. Whoever you are, you need HTML and CSS.

HTML

Those who know this can skip this section but to those who don’t know HTML is a markup language, it’s an acronym for Hypertext Markup Language.

What the hell is a markup Language you ask?

Well, it is a computer language with human readable that is used to mark(annotate) the electronic documents.

So, we can safely say that HTML is used to structure your electronic documents like the non-electronic ones with the proper heading and all.

CSS

CSS, which stands for Cascading Style Sheet. It deals more with the presentation of your electronic document. Think of HTML as a building that has no painting and internal decorations and CSS is the painting and internal decoration.

This meme sums it up.

If you haven’t watched Game of Thrones yet. It sucks for you. I’m sorry.

Okay, where are the resources?

So, without further ado, let us begin our list.

1. Free Code Camp

Free Code Camp is a non-profit organization that teaches code. Freecodecamp.org has a text editor and challenges that you can follow along to learn HTML/CSS and other similar technologies. They also have a youtube channel. And various HTML/CSS related tuotirals .

2. Brad Traversy

Traversy Media is a youtube channel by Brad Traversy who basically teaches both frontend and backend technologies. He has some decent tutorials on web design with pratical projects.

3. Multi Media Tutorials

Multi-Media Tutorials ( mmtuts ) is a channel by another YouTuber who makes videos on web design and development. He has some good design related videos.

4. Scrimba .com

Scrimba provides an interactive way to learn to code. You can watch the video tutorials and play around with the code you watched in the video in a text editor that looks like a text editor that you will use in real life. It’s a sleek way to learn to code.

5. shayhowe.com

If you prefer reading to watching tutorials then. learn.shayhowe.com has an excellent practical walkthrough on html and css.

Note: You may use sites like MDN, w3Schools, devdocs.io for reference purposes.



If you think that this list deserves a special mention for one of your resources. Then, do mention on the comment below. Thank you! 🙂