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
    1. How to Build a Text-to-Voice Application With JavaScript

      How to Build a Text-to-Voice Application With JavaScript

      Tutorial Beginner

      Let’s convert text into speech using JavaScript and the WebSpeechAPI. Our app will feature a simple interface where the user adds the text, then clicks a...

    2. Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

      Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

      Tutorial Beginner

      In this tutorial, we’ll cover the challenges when working with the classic 100vh unit for making full-screen sections and discuss some great alternative CSS...

    3. Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript

      Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript

      Tutorial Intermediate

      In this new tutorial, we’ll learn how to create an infinite blinking/flashing/highlighting text effect with CSS animations and a bit of JavaScript.

    4. How to Integrate Bootstrap 5 Tabs With Chart.js

      How to Integrate Bootstrap 5 Tabs With Chart.js

      Tutorial Intermediate

      Today, you’ll learn how to incorporate charts generated by the Charts.js charting library into Bootstrap 5 tabs/pills.

    5. Create a Currency Converter with HTML, CSS, and Vanilla JavaScript

      Create a Currency Converter with HTML, CSS, and Vanilla JavaScript

      Tutorial Intermediate

      Let’s create a currency converter using HTML, CSS, and vanilla JavaScript, with data from the Exchange Rate API.

    6. Learn How to Code a Simple JavaScript Calendar and Datepicker

      Learn How to Code a Simple JavaScript Calendar and Datepicker

      Tutorial Beginner

      A JavaScript calendar is the best tool to understand date functionalities in JavaScript. This tutorial will create a real-time calendar similar to the one in...

    7. Build a Simple YouTube App with Vanilla JavaScript

      Build a Simple YouTube App with Vanilla JavaScript

      Tutorial Intermediate

      We’re going to build a simple, yet fully functional YouTube app with Vanilla JavaScript: a simple UI where we can enter the ID of a channel and our app will...

    8. What is a Static Website?

      What is a Static Website?

      Tutorial Beginner

      Unsure about what a static website is? You’ve come to the right place. Allow us to be your guide to the world of static vs dynamic websites.

    9. 10+ Best Baby and Kids HTML Website Templates

      10+ Best Baby and Kids HTML Website Templates

      Tutorial Beginner

      Whether you want to build a website for a daycare, a kid’s tutoring business, or a baby clothing store, there’s an HTML template for you. We’ve collected...

    10. 12 Best Home Security HTML Website Templates for 2023

      12 Best Home Security HTML Website Templates for 2023

      Tutorial Beginner

      Launching a business in the home security niche requires a website that's equally reliable and secure. This collection of home security website templates can...

    11. How to Add and Subtract Time From a Date in JavaScript

      How to Add and Subtract Time From a Date in JavaScript

      Tutorial Beginner

      In this post, I'll show you how to manipulate dates with a JavaScript Date object. Specifically, I'll show you how you can add and subtract time from a Date...

    12. Easy Slider (Carousel With Pure CSS)

      Easy Slider (Carousel With Pure CSS)

      Tutorial Beginner

      A carousel is a great example of a possible CSS-only interactive feature. So in this tutorial, we’ll build a carousel with a few extra features using only CSS.