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. Style Your Apps With the Tailwind CSS Framework

      Style Your Apps With the Tailwind CSS Framework

      Tutorial Beginner

      Enjoy a tailwind in your next web development project! Try our brand new course, Style Your Apps With the Tailwind CSS Framework.

    2. How to Get More Women in STEM: Answers From a Panel Discussion

      How to Get More Women in STEM: Answers From a Panel Discussion

      Tutorial Beginner

      A few months ago I ran a panel discussion for the Swedish organisation DataTjej. We discussed the shortage of women in tech industries and how we can work...

    3. How to Create a Landing Page in WordPress Quickly

      How to Create a Landing Page in WordPress Quickly

      Tutorial Beginner

      Landing pages are essential, as you know, but creating them might seem like a lot of work. In this tutorial, we put that myth to rest with a guide that...

    4. Quick Tip: How to Customize Bootstrap 4’s Accordion Component

      Quick Tip: How to Customize Bootstrap 4’s Accordion Component

      Tutorial Intermediate

      In this quick tip, we’ll build a Bootstrap 4 accordion and apply a few customizations to it. Let’s get started!

    5. A Quick Full-Screen Hover Effect With CSS and JavaScript

      A Quick Full-Screen Hover Effect With CSS and JavaScript

      Tutorial Beginner

      In today’s quick tutorial we’ll learn how to build a useful full-screen background hover effect. In a real world scenario you might use this kind of effect...

    6. Build an Advanced Responsive Menu Inspired by Netflix

      Build an Advanced Responsive Menu Inspired by Netflix

      Tutorial Intermediate

      In today’s tutorial we’ll take inspiration from the Neflix Jobs website and learn to build an advanced responsive navigation menu with a cool transition effect.

    7. Introduction to Tailwind CSS: A Utility-First CSS Framework

      Introduction to Tailwind CSS: A Utility-First CSS Framework

      Tutorial Intermediate

      Today I’m going to show you how to get started with Tailwind CSS, a highly customizable CSS framework that you can use to quickly build web pages and...

    8. Animate an Icon With SVGator, Figma and Envato Elements

      Animate an Icon With SVGator, Figma and Envato Elements

      Tutorial Intermediate

      In this tutorial we’ll be taking an SVG based icon from Envato Elements, doing some preparatory modifications in Figma, then animating it using SVGator....

    9. UI Design: A Practical Guide to Tabs

      UI Design: A Practical Guide to Tabs

      Tutorial Beginner

      Tabs represent a fundamental pattern for user interfaces. Learn the best way to create them in our new short course, UI Design: A Practical Guide to Tabs.

    10. The Ultimate WordPress Page Builder: WPBakery

      The Ultimate WordPress Page Builder: WPBakery

      Tutorial Beginner

      Wordpress plugin developers have seen the need for fast and cost-efficient ways to build websites and have developed tools that can help you build your...

    11. How to Run Cross Browser Testing Using LambdaTest

      How to Run Cross Browser Testing Using LambdaTest

      Tutorial Beginner

      In this tutorial I will look deeper into cross browser testing, while showing you the process with LambdaTest at the end of the post.

    12. How to Create a Trivia Quiz with Viral Quiz for WordPress

      How to Create a Trivia Quiz with Viral Quiz for WordPress

      Tutorial Beginner

      One unexpected but effective way to draw in an audience and market to them is to create quizzes for your audience. In this article I am going to show you how...