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. How to Create a Responsive Form Using TailwindCSS

      How to Create a Responsive Form Using TailwindCSS

      Tutorial Beginner

      The default approach to building websites when working with HTML and CSS is to write the structure in the HTML file and implement the styles in a CSS file....

    2. Quick Tip: How to Build a MouseOver Navigation Slide Effect

      Quick Tip: How to Build a MouseOver Navigation Slide Effect

      Tutorial Beginner

      In today’s exercise, we’ll take inspiration from Slider Revolution’s mini toolbar and build a menu that smoothly animates on hover.

    3. How to Create a Form With the Quform WordPress Plugin

      How to Create a Form With the Quform WordPress Plugin

      Tutorial Beginner

      Quform is an incredibly powerful form builder plugin for your WordPress website that features 19 form elements and an unlimited number of forms for each...

    4. Quick Tip: How to Create an Off-Canvas Feedback Form With Pure CSS

      Quick Tip: How to Create an Off-Canvas Feedback Form With Pure CSS

      Tutorial Beginner

      In this tutorial, we’ll walk through the process of creating an off-canvas feedback form. We won’t use any JavaScript to accomplish this, in fact, we’ll...

    5. How to Use Easy Video Player for JavaScript

      How to Use Easy Video Player for JavaScript

      Tutorial Beginner

      In this tutorial, you will learn how to create a responsive video player with support for annotations using the Easy Video Player script for HTML5 and...

    6. Firefox vs. Firefox Developer Edition: What’s the Difference?

      Firefox vs. Firefox Developer Edition: What’s the Difference?

      Tutorial Beginner

      In this quick tip I’ll explain the differences between regular Firefox and Firefox Developer Edition. I’ll show you where you can download it and cover the...

    7. Try Our Practical Web Animation Course, With New Bonus Projects!

      Try Our Practical Web Animation Course, With New Bonus Projects!

      Tutorial Beginner

      Join the thousands of people who have learned web animation in our popular course, Practical Web Animation. Try some of the brand new projects we've added.

    8. Sticky Positioning Without JavaScript (Thanks to CSS Position: Sticky)

      Sticky Positioning Without JavaScript (Thanks to CSS Position: Sticky)

      Tutorial Intermediate

      Sticking elements when the user scrolls to a certain point is a common pattern in modern web design. This behaviour has now become a standard (CSS position:...

    9. How to Create a Stylish Pricing Table With a Sticky Header

      How to Create a Stylish Pricing Table With a Sticky Header

      Tutorial Intermediate

      Sticky pricing tables are perfect for showing products and services with long lists of comparable features–in this tutorial we’re going to create a pricing...

    10. Practical Web Animation

      Practical Web Animation

      Course Intermediate

      The days of animation-heavy websites are fading, but there is still something to be said for a site with small amounts of subtle, eye-catching motion to help...

    11. An Introduction to CSS-in-JS: Examples, Pros, and Cons

      An Introduction to CSS-in-JS: Examples, Pros, and Cons

      Tutorial Beginner

      With CSS-in-JS libraries, you can style component-based applications securely and efficiently. They also let you add complex UX logic and dynamic...

    12. How to Make the Bootstrap Navbar Dropdown Work on Hover

      How to Make the Bootstrap Navbar Dropdown Work on Hover

      Tutorial Beginner

      in this short tutorial we’ll build a typical Bootstrap navbar with a quick solution for showing its dropdowns on hover.