25 HTML & CSS Tutorials

Learn HTML & CSS by exploring these 25 tutorials.

Brandon Morelli
codeburst
Published in
8 min readMar 19, 2018

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

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.

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 Julien Benchetrit.

Clearing your Front End Job Interview — CSS

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

Do you hate writing css ?

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

How To Animate Using CSS

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

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 Jessica Chan

Alignment with Flexbox

CSS Layouts using the Display Flex Properties. By Ethan Jarrell.

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 Nadia Hogg.

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 Adam French.

Big Picture

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

Lessons I’ve learned so far. By Muna Mohamed

Stop Sabotaging Your Code…Before You Even Code

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

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

These CodePens show off some seriously awesome visual effects. By Brandon Morelli.

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! ⬇⬇

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Published in codeburst

Bursts of code to power through your day. Web Development articles, tutorials, and news.

Written by Brandon Morelli

Creator of @codeburstio — Frequently posting web development tutorials & articles. Follow me on Twitter too: @BrandonMorelli