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

    1. Getting Started With CSS Multi-Column Layout

      Getting Started With CSS Multi-Column Layout

      Course Beginner

      When it comes to creating layouts in CSS, most commonly we use floats, Flexbox, or CSS Grid Layout. But there’s another layout method that’s not used much...

    2. Interactive JavaScript Maps With Leaflet

      Interactive JavaScript Maps With Leaflet

      Course Intermediate

      Leaflet is a robust JavaScript framework for creating interactive maps on the web. In this short course, I will teach you how to navigate this powerful...

    3. Using Figma for SVG Design

      Using Figma for SVG Design

      Course Beginner

      Figma is becoming very well known as a UI design tool, but on top of its excellent performance in this arena, it is also becoming a favorite for its robust...

    4. 5 CSS Projects: Image Hover Effects

      5 CSS Projects: Image Hover Effects

      Course Beginner

      Creating a hover effect for an image is a great opportunity to display additional information whilst also spicing up an otherwise normal design. In this...

    5. Beyond the Basics: CSS Grid Layout

      Beyond the Basics: CSS Grid Layout

      Course Intermediate

      CSS Grid Layout is a fantastic tool for creating layouts with CSS. In this short course, you’ll learn the more advanced functionality of CSS Grid including...

    6. 3D Animation With Three.js

      3D Animation With Three.js

      Course Intermediate

      In our previous Three.js courses, we covered the essentials of getting around in the Three.js framework. In this course, we’re going to build on that...

    7. A Quick Introduction to CSS Grid Layout

      A Quick Introduction to CSS Grid Layout

      Course Beginner

      For a long time, web designers have been used to creating layouts with CSS by using floats. Floats, however, were never meant to be used to create grid...

    8. Three.js: Beyond the Basics

      Three.js: Beyond the Basics

      Course Intermediate

      In our introductory course, 3D on the Web With Three.js, you were introduced to the world of 3D web graphics using the Three.js framework. In this short...

    9. Creating Animated HTML5 Page Transitions

      Creating Animated HTML5 Page Transitions

      Course Intermediate

      Animation in modern websites is usually limited to hover effects, banner sliders, and the like. More rarely might we see websites that transition from one...

    10. Breaking the Grid With CSS Grid Layout

      Breaking the Grid With CSS Grid Layout

      Course Intermediate

      Broken grid layouts (layouts that don’t fit within traditional grid-based layouts) are not only becoming more popular, but they are also easier to achieve...

    11. Practical CSS: Desktop to Mobile Navigation Patterns

      Practical CSS: Desktop to Mobile Navigation Patterns

      Course Beginner

      Creating a website navigation that looks the same on every screen is not really possible. Owing to the smaller screen size, mobile devices often require a...

    12. 6 Handy CSS3 Animation Projects

      6 Handy CSS3 Animation Projects

      Course Beginner

      Using motion in your web project and adding an extra degree of interactivity can really improve the user experience. In this short course you’ll build six...