Learn HTML/CSS

Learn the fundamentals of web design with our HTML and CSS tutorials. Build landing pages, apps, websites, and more, with animations and other advanced effects.

Getting started with HTML/CSS

  • Design and Code Your First Website in 9 Easy-to-Understand Steps

    Design and Code Your First Website in 9 Easy-to-Understand Steps

    Nathan Umoh
  • HTML & CSS for Beginners (MEGA Free Course!)

    HTML & CSS for Beginners (MEGA Free Course!)

    Adi Purdila
  • All HTML/CSS tutorials:

    1. How We Test for Accessibility at Envato (Tools and Tips)

      How We Test for Accessibility at Envato (Tools and Tips)

      Tutorial Beginner

      Tackling the challenge of creating an accessible website–or making an existing website accessible–can sometimes be a difficult task. In this post I’ll show...

    2. Quick Tip: Use the “lang” Attribute for Better Accessibility

      Quick Tip: Use the “lang” Attribute for Better Accessibility

      Tutorial Beginner

      The “lang” attribute is one of the global HTML attributes developers can apply to any HTML element–it can really help with accessibility, here’s how!

    3. How to Use the Contrast Checker in Chrome DevTools

      How to Use the Contrast Checker in Chrome DevTools

      Tutorial Beginner

      How can we be certain the color contrast levels in our web designs are accessibility friendly? That’s where Chrome DevTools can help out.

    4. The Importance of Heading Levels for Assistive Technology

      The Importance of Heading Levels for Assistive Technology

      Tutorial Beginner

      Navigating via headings is the most important way people who rely on assistive technology locate information. It’s therefore really important to craft your...

    5. Learn 3D Web Animation in Our New Three.js Course

      Learn 3D Web Animation in Our New Three.js Course

      Tutorial Beginner

      If you want to improve your 3D web animation skills but have limited time available, our new course, 3D Animation With Three.js, is for you.

    6. How to Create an Animated Spirit Day Presentation With fullPage.js

      How to Create an Animated Spirit Day Presentation With fullPage.js

      Tutorial Intermediate

      October 18th 2018 is Spirit Day, something we recognize each year at Tuts+, and on this day we speak out against LGBTQ bullying, especially among LGBTQ youth.

    7. 11 Practical Web Animation Courses

      11 Practical Web Animation Courses

      Tutorial Beginner

      Here are 11 courses that will teach you how to create beautiful animations with CSS, JavaScript, and dedicated frameworks like GreenSock and Sequence.js.

    8. Hands-on With ARIA: Accessibility Recipes for Web Apps

      Hands-on With ARIA: Accessibility Recipes for Web Apps

      Tutorial Beginner

      In this tutorial, we'll delve deeper into web accessibility with some ARIA recipes you can use in your own apps.

    9. How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities

      How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities

      Tutorial Intermediate

      In this new tutorial we'll learn how to build quickly layouts with Bootstrap's 4 responsive flexbox utilities. To gain a better understanding of these...

    10. How to Animate a World Mental Health Day SVG Ribbon

      How to Animate a World Mental Health Day SVG Ribbon

      Tutorial Intermediate

      To mark World Mental Health Day we’re going to be using CSS to animate an SVG centered on the green ribbon many people wear to symbolize mental health...

    11. Quick Tip: How to Manipulate the Cursor Appearance With CSS

      Quick Tip: How to Manipulate the Cursor Appearance With CSS

      Tutorial Beginner

      In this quick tip, we’ll learn how to customize the cursor appearance with CSS. We’ll be changing our cursor into arrows to make navigating a slideshow easier.

    12. 5 JavaScript Courses for Web Designers

      5 JavaScript Courses for Web Designers

      Tutorial Beginner

      JavaScript is an essential language for any web designer to master. Here are five courses that will teach you the essentials of JavaScript from a web...