25 HTML & CSS Tutorials

Learn HTML & CSS by exploring these 25 tutorials.

Brandon Morelli

8 min read

·

Mar 19, 2018

--

5

Listen

Share

Press enter or click to view image in full size

This article highlights 25 HTML and CSS tutorials written by CodeBurst authors. Whether you’re brand new to web development, or an experienced developer, there’s something here for everyone.

Table Of Contents (Clickable)

1. Top Courses (The best way to learn HTML + CSS!)
2. HTML
3. CSS
4. Big Picture

Top HTML & CSS Courses

Want to learn Web Development? Check out these trending courses. Disclosure: I write reviews and receive compensation from the companies I review.

Build Responsive Real World Websites with HTML5 and CSS3

4.7/5 Stars || 11.5 Hours of Video || 73,000 Students

The easiest way to learn modern web design, HTML5 and CSS3 step-by-step from scratch. Design AND code a huge project.

Advanced CSS and Sass: Take Your CSS to the Next Level!

4.9/5 Stars || 28Hours of Video || 19,000 Students

The most advanced and modern CSS course on the internet: master animations, flexbox, responsive design, and so much more

The Web Development Bootcamp

4.7/5 Stars || 42.5 Hours of Video || 263,000 Students

The only course you need to learn web development — HTML, CSS, JS, Node, and More!

HTML

Let’s make a website.

This seven part series will take you from complete beginner to finishing your first, fully functional, website. By

Build a Minimalist HTML Card in just 53 lines of code (with Flexbox)

Flexbox provides a more efficient way of laying out, aligning, and distributing items in containers. Learn How to make minimalist, elegant, HTML cards in just 53 lines of code.

Clearing your Front End Job Interview — HTML

Typical interview questions regarding HTML and their answers. By

CSS

How to create a beautiful animated loader with nothing but CSS

An example of how creative you can be with pseudo-elements and keyframe animations. Used in this case to build a loader animation without the need to fetch any JS or images. By

Bootstrap 4 vs Foundation 6.4

A three part series that provides an in-depth look at Bootstrap 4 vs. Foundation 6.4. Pros, Cons, and differences. By

CSS in JS is like replacing a broken screwdriver with your favorite hammer.

One does not simply “Move CSS into JavaScript”. By

Evaluating CSS Frameworks — Bootstrap vs Bulma vs Foundation vs Milligram vs Pure vs Semantic vs UIKit

An in-depth evaluation of 7 CSS libraries/frameworks. By

Clearing your Front End Job Interview — CSS

This article explores answers to some of the most common CSS interview questions. By

Do you hate writing css ?

I hated CSS… Until I stumbled upon this amazing way to tame it. By

How To Animate Using CSS

Learn how to create animations using just CSS and simple shapes like squares, triangles, and circles. By

Make the Perfect Responsive Grid with CSS

If you know how to build a good, responsive grid layout, you’ll immediately stand out as a front-end web developer. By

Alignment with Flexbox

CSS Layouts using the Display Flex Properties. By

How to View and Edit CSS in Chrome Developer Tools

Learn how to make real-time changes to this website with Chrome DevTools.

Tutorial: Three Awesome CSS Hover Transitions & Animations for Beginners

Step up your web design with just a few lines of CSS.

How to make a collapsible menu using only CSS

An example of a pretty simple solution for a collapsible navigation menu with CSS. By

Tutorial: Make a Bouncing Ball Entirely with CSS

Learn CSS Animations & Keyframes with this fun tutorial

Learning CSS Animations with a touch of Javascript

Learn why CSS3 Animations are a great tool, and how to take advantage of them. By

Big Picture

Front-end web development is not what you think it is.

Lessons I’ve learned so far. By

Stop Sabotaging Your Code…Before You Even Code

5 things you should ALWAYS do when starting a new project. By

HTML, CSS, and JavaScript: 10 Awesome CodePens To Inspire You

These CodePens show off some seriously awesome visual effects. By

The Front-End Checklist

An Exhaustive List of all the Elements you need to have/test Before Launching your Website To Production.

Top HTML & CSS Courses

Want to learn Web Development? Check out these trending courses. Disclosure: I write reviews and receive compensation from the companies I review.

Build Responsive Real World Websites with HTML5 and CSS3

4.7/5 Stars || 11.5 Hours of Video || 73,000 Students

The easiest way to learn modern web design, HTML5 and CSS3 step-by-step from scratch. Design AND code a huge project.

Advanced CSS and Sass: Take Your CSS to the Next Level!

4.9/5 Stars || 28Hours of Video || 19,000 Students

The most advanced and modern CSS course on the internet: master animations, flexbox, responsive design, and so much more

The Web Development Bootcamp

4.7/5 Stars || 42.5 Hours of Video || 263,000 Students

The only course you need to learn web development — HTML, CSS, JS, Node, and More!

Closing Notes:

Thanks for Reading! ✉️ Subscribe to CodeBurst’s once-weekly Email Blast, 🐦 Follow CodeBurst on Twitter, view 🗺️ The 2018 Web Developer Roadmap, and 🕸️ Learn Full Stack Web Development.

If this post was helpful, please hold down the clap 👏 button below to show your support! ⬇⬇