Learn HTML/CSS

Getting started with HTML/CSS

What Is HTML5?

Tutorial • Beginner

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

Tutorial • Beginner

20+ HTML Forms Best Practices for Beginners

Tutorial • Intermediate

HTML & CSS for Beginners (MEGA Free Course!)

Tutorial • Beginner

What Is HTML5?

Jeff Reifman • 29 Sep 2022

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

Nathan Umoh • 31 Aug 2022

20+ HTML Forms Best Practices for Beginners

Andrew Burgess • 31 Dec 2021

HTML & CSS for Beginners (MEGA Free Course!)

Adi Purdila • 8 Sep 2022

1. 

   HTML Templates

   20 Best HTML Website Templates (Most Popular on Envato Elements and ThemeForest For 2023)

   Tutorial • Beginner

   Do you want to build professional websites and save some time? These popular HTML website templates from Envato Elements and ThemeForest are the best option...

2. 

   Responsive Design

   How to Build a Responsive Navigation Bar With Flexbox

   Tutorial • Intermediate

   Time for a practical exercise in flexbox! In this tutorial we will use flexbox to create a mobile-first, responsive, toggleable navigation bar with different...

3. 

   CSS

   CSS Anchor Positioning: What Is It, and When Can We Use It?

   Tutorial • Beginner

   Let’s explore the current state of CSS positioning and compare it with the exciting new possibilities offered by CSS anchoring.

4. 

   CSS

   CSS Property: overflow

   Tutorial • Beginner

   Ever encountered a piece of text or image that’s too large for its designated box and it spills over? Well, that’s where our good friend overflow comes in,...

5. 

   HTML

   Building an Admin Dashboard Layout With CSS (and a Touch of JavaScript)

   Tutorial • Intermediate

   In this tutorial, we’ll create a responsive dashboard layout. To build it, we’ll borrow some ideas from the WordPress dashboard.

6. 

   JavaScript for Designers

   How to Animate a “Full-Screen Section to Fixed Header” on Page Scroll

   Tutorial • Beginner

   In this new tutorial, we'll start with a full-screen section with a heading and learn how to animate it to a fixed page header on scroll. This type of effect...

7. 

   CSS

   CSS Property: margin

   Tutorial • Beginner

   In the CSS world, margin creates space around elements, outside of any defined borders. margin nudges your elements, giving them some breathing room from...

8. 

   HTML

   HTML Element: dd

   Tutorial • Beginner

   The HTML dd element represents “description details”. It’s paired with dt (description term) and placed within a dl (description list) to give us the...

9. 

   HTML

   HTML Element: dl

   Tutorial • Beginner

   The HTML dl element represents a “description list”. It’s used to present a list of terms and their corresponding descriptions or definitions.

10. 

    CSS

    CSS Property: flex

    Tutorial • Beginner

    This property is the cornerstone of the CSS Flexible Box Layout Module, fondly referred to as Flexbox, which is just a fancy term for a layout model that...

11. 

    JavaScript for Designers

    How To Build a Simple Carousel With Vanilla JavaScript (14 Lines of Code!)

    Tutorial • Beginner

    In this tutorial, we’ll build a simple carousel or slider using less than 15 lines of vanilla JavaScript.

12. 

    JavaScript for Designers

    How To Build a Website Search Bar with JavaScript

    Tutorial • Beginner

    In this tutorial we’ll use JavaScript to implement a basic search bar and search function to filter a list of articles.