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. Landing Pages and Drip Campaigns: How They Work Together

      Landing Pages and Drip Campaigns: How They Work Together

      Tutorial Beginner

      Let’s deep dive into the essential roles that landing pages play in optimizing sale funnel conversions and how they work together with email marketing to...

    2. New Course: A Web Designer’s Guide to the WebP Image Format

      New Course: A Web Designer’s Guide to the WebP Image Format

      Tutorial Beginner

      The WebP image format is designed for creating high-quality images with smaller file sizes. Learn how to use it in A Web Designer’s Guide to the WebP Image...

    3. Use a Drag-and-Drop Form Builder for WordPress

      Use a Drag-and-Drop Form Builder for WordPress

      Tutorial Beginner

      FormCraft is a GDPR-ready, premium WordPress plugin you can use to create beautiful forms for your website in a matter of minutes. In this tutorial, I'll...

    4. Better Data Presentation for Infographics: Practical Animation Examples

      Better Data Presentation for Infographics: Practical Animation Examples

      Tutorial Beginner

      Using the animation framework we created previously, in this tutorial you’ll learn how to animate three infographic examples: data counters, progress bars,...

    5. 13 Best JavaScript Sliders of 2025

      13 Best JavaScript Sliders of 2025

      Tutorial Beginner

      When used properly, sliders can improve the usability of a webpage without wasting precious screen real estate. In this post, I'll share the best JavaScript...

    6. How to Keep Your CSS Grid Layouts Accessible

      How to Keep Your CSS Grid Layouts Accessible

      Tutorial Beginner

      Although CSS Grid is almost perfect, the way it’s defined can inherently lead to accessibility issues for screen reader and keyboard-only users. This guide...

    7. New Course: Getting Started With CSS Multi-Column Layout

      New Course: Getting Started With CSS Multi-Column Layout

      Tutorial Beginner

      How do you create layouts in CSS? Learn about the powerful “multi-column” method in our new course, Getting Started With CSS Multi-Column Layout.

    8. How to Build a Landing Page Template With Bootstrap 4

      How to Build a Landing Page Template With Bootstrap 4

      Tutorial Intermediate

      In this tutorial we’ll continue our tour of Bootstrap 4. More specifically, we’ll learn how to use it to build a responsive landing page.

    9. Create an Animated SVG Logo for International Women’s Day 2019

      Create an Animated SVG Logo for International Women’s Day 2019

      Tutorial Beginner

      To mark International Women's Day 2019 we’ll be creating an animated SVG version of the event’s logo you can use along with this year’s hashtag...

    10. 14 Firefox Developer Tools You Might Not Know About

      14 Firefox Developer Tools You Might Not Know About

      Tutorial Beginner

      In this roundup we’re going to be checking out some of the awesome tools Firefox has in its collection of Developer Tools.

    11. Choose a Form Builder: The 7 Best WordPress Form Builders Compared

      Choose a Form Builder: The 7 Best WordPress Form Builders Compared

      Tutorial Beginner

      If you own a WordPress site, at some point you’re going to need a web form. When that time comes, a WordPress form builder plugin is going to be your best...

    12. Best Ways to Create an Image Slider for WordPress

      Best Ways to Create an Image Slider for WordPress

      Tutorial Beginner

      Looking to add an image slider to your WordPress site? Check out some of the best free, paid, and custom solutions for your project here.