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 content:

    1. Essential Cheat Sheet: Convert jQuery to JavaScript

      Essential Cheat Sheet: Convert jQuery to JavaScript

      Tutorial Beginner

      In this cheat sheet, you can find the most commonly used jQuery-to-JavaScript equivalents with syntax, code examples, and links to documentation.

    2. 36 Excellent Free Image Galleries: JavaScript, React, PHP, or CSS

      36 Excellent Free Image Galleries: JavaScript, React, PHP, or CSS

      Tutorial Beginner

      Here are our favourite image galleries in Javascript, jQuery, React, PHP, and CSS. Don't miss the demos to see the galleries in action.

    3. WordPress Actions and Filters: What's the Difference?

      WordPress Actions and Filters: What's the Difference?

      Tutorial Beginner

      It's easy to get confused between action hooks and filter hooks in WordPress: here's a guide to help you use both.

    4. How to Implement a “Load More” Button With Vanilla JavaScript

      How to Implement a “Load More” Button With Vanilla JavaScript

      Tutorial Beginner

      In this tutorial, we’ll create a “Load More” button that allows us to display more content on a page when clicked by a user. We’ll use HTML, CSS and vanilla...

    5. How to Draw Charts Using JavaScript and HTML5 Canvas

      How to Draw Charts Using JavaScript and HTML5 Canvas

      Tutorial Beginner

      For sure you've seen pie charts and doughnut charts on application dashboards, in infographics, in PowerPoint presentations, or in financial reports. But how...

    6. How to Build Seamless Masonry Layouts With CSS Grid and object-fit:cover

      How to Build Seamless Masonry Layouts With CSS Grid and object-fit:cover

      Tutorial Intermediate

      In today’s tutorial we’ll use CSS Grid and object-fit:cover to build a responsive image grid that will follow a masonry-style layout on desktop screens.

    7. JavaScript Form Validation (Practical Tutorial)

      JavaScript Form Validation (Practical Tutorial)

      Tutorial Intermediate

      In this tutorial, we’ll build a simple login form and add front-end validation with vanilla JavaScript. The overarching goal is to provide helpful feedback...

    8. Create a Dismissible Alert With JavaScript (and localStorage)

      Create a Dismissible Alert With JavaScript (and localStorage)

      Tutorial Beginner

      Creating an eye-catching alert is a great way to warn your website’s readers of an issue or a good promotion they shouldn’t miss. Today, we’ll build one from...

    9. 25 Beautiful Resume and CV Web Templates

      25 Beautiful Resume and CV Web Templates

      Tutorial Beginner

      Today, it's becoming more and more common for potential employers to simply request a link to your website. We have a number of resumes and CVs optimized for...

    10. 2 Ways to Build a Scrolling Card UI (Flexbox and CSS Grid)

      2 Ways to Build a Scrolling Card UI (Flexbox and CSS Grid)

      Tutorial Beginner

      In this new tutorial, we'll use modern CSS features like flexbox, CSS Grid Layout, CSS Scroll Snap, and CSS Scrollbars to build an attractive scrolling card...

    11. 15+ Best Landing Page Designs for Figma 2025

      15+ Best Landing Page Designs for Figma 2025

      Tutorial Beginner

      Don't leave your landing page designs to chance. This collection of Figma landing page templates eliminates the guesswork so you can build engaging websites...

    12. A Beginner's Guide to Drawing 2D Graphics With Two.js

      A Beginner's Guide to Drawing 2D Graphics With Two.js

      Tutorial Intermediate

      Two.js is an API that makes it easy to create 2D shapes with code. Follow along and you'll learn how to create and animate shapes from JavaScript.