25 HTML & CSS Tutorials
Learn HTML & CSS by exploring these 25 tutorials.
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)
- Top Courses (The best way to learn HTML + CSS!)
- HTML
- CSS
- 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 Yanis Vieilly
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 Yangshun Tay.
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.
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 Harry Manchanda.
CSS in JS is like replacing a broken screwdriver with your favorite hammer.
One does not simply “Move CSS into JavaScript”. By Kevin Ball
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 Timothy Marks.
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.