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 to Build a Custom Google Map With Stylish SVG Markers

      How to Build a Custom Google Map With Stylish SVG Markers

      Tutorial Intermediate

      In this new tutorial, we’ll use the Google Maps JavaScript API and learn how to create a custom map with multiple stylish markers indicating some of the...

    2. HTML & CSS for Beginners (MEGA Free Course!)

      HTML & CSS for Beginners (MEGA Free Course!)

      Tutorial Beginner

      In this free course, you’ll learn how to code with modern HTML and CSS, the main building blocks of any website. If you want to become a successful web...

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

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

      Tutorial Beginner

      In this tutorial, we'll go over the basics of building a website with a web page template. It's a process that will save you time in the long run, while...

    4. The Best CSS and JavaScript Chart Tutorials on Tuts+

      The Best CSS and JavaScript Chart Tutorials on Tuts+

      Tutorial Beginner

      In this collection of tutorials available on Tuts+, we’re going to walk through some ways to create different types of charts. These are mostly CSS solutions...

    5. How to Animate a “Twisting Text Effect” With CSS and JavaScript

      How to Animate a “Twisting Text Effect” With CSS and JavaScript

      Tutorial Intermediate

      In this tutorial, we’ll learn how to split an element’s text into separate characters, which we’ll then animate to give us a twisting effect.

    6. Build a Recipe Search Tool Using Javascript and TheMealDB API

      Build a Recipe Search Tool Using Javascript and TheMealDB API

      Tutorial Intermediate

      Use the Meal DB API and modern JavaScript to create your own recipe search engine for inspirational meal ideas.

    7. Introduction to the CSS Grid Layout With Examples

      Introduction to the CSS Grid Layout With Examples

      Tutorial Beginner

      Learn the basics of the CSS grid layout with example scenarios. CSS Grid is supported by almost all modern browsers now, and it is ready to be used in...

    8. How to Create a Privacy Policy Page in WordPress

      How to Create a Privacy Policy Page in WordPress

      Tutorial Beginner

      In this tutorial, I'll show you how to add a privacy policy page to your WordPress website. To follow along, you'll need to have a WordPress installation on...

    9. 25+ Landing Page Templates in Adobe XD

      25+ Landing Page Templates in Adobe XD

      Tutorial Beginner

      A good landing page design could translate in higher conversions and more sales for your business. We’ve selected over 25 landing pages to get your client’s...

    10. How to Create a Sortable HTML Table with JavaScript

      How to Create a Sortable HTML Table with JavaScript

      Tutorial Intermediate

      In this tutorial, we'll take a look at how to display data from a JSON object in a HTML table and include a sorting functionality using vanilla JavaScript.

    11. 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.

    12. 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.