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. Magento Theme Development: Product Page, Part 1

      Magento Theme Development: Product Page, Part 1

      Tutorial Beginner

      Now that we have completed the home page and the category page, in this tutorial we'll start editing the third most important page of the eCommerce website:...

    2. Magento Theme Development: Category Page, Part 2

      Magento Theme Development: Category Page, Part 2

      Tutorial Beginner

      In the previous article on category pages, we edited the toolbar, grid and list layout. In this second article on customizing the category page, we'll...

    3. Magento Theme Development: Category Page, Part 1

      Magento Theme Development: Category Page, Part 1

      Tutorial Beginner

      In this article, we'll start modifying the category page of our Magento theme. The category page essentially consists of four sections: the toolbar, grid...

    4. HTML5 Mastery: DOM Mutations

      HTML5 Mastery: DOM Mutations

      Tutorial Intermediate

      The last part of the "HTML5 Mastery" series gives an introduction to the mutation observer. We will see that the mutation observer is the only acceptable way...

    5. HTML5 Mastery: Web Security

      HTML5 Mastery: Web Security

      Tutorial Intermediate

      The seventh part of the "HTML5 Mastery" series discusses the provided security model of websites. Besides the CORS concept, we will also have a look at...

    6. Magento Theme Development: Home Page Styling

      Magento Theme Development: Home Page Styling

      Tutorial Beginner

      We have completed the home page layout so far, and in this last article about the home page we’ll fix some styling issues. If you have followed all the steps...

    7. HTML5 Mastery: Constraint Validation

      HTML5 Mastery: Constraint Validation

      Tutorial Intermediate

      The fifth part of the "HTML5 Mastery" series goes into details of form submission in HTML5, in particular constraint validation. We'll have a look at the...

    8. HTML5 Mastery: Tree Traversal

      HTML5 Mastery: Tree Traversal

      Tutorial Intermediate

      The fourth part of the "HTML5 Mastery" tutorial series focuses on three handy helpers that come with the DOM API to provide an efficient, elegant and...

    9. Magento Theme Development: Home Page, Part 3

      Magento Theme Development: Home Page, Part 3

      Tutorial Beginner

      Now that we have completely customized the first half of the home page, we need to modify the content of the home page and the footer section next. If we...

    10. HTML5 Mastery: Encoding

      HTML5 Mastery: Encoding

      Tutorial Intermediate

      The second part of the "HTML5 Mastery" series focuses on the content transfer of documents and the determination of encoding rules. We look at text encoding...

    11. Magento Theme Development: Home Page, Part 2

      Magento Theme Development: Home Page, Part 2

      Tutorial Beginner

      In the previous tutorial in this series, we started modifying the header section of the home page. In this tutorial, we'll start where we left off with the...

    12. Magento Theme Development: Home Page, Part 1

      Magento Theme Development: Home Page, Part 1

      Tutorial Beginner

      As we set the stage in the previous bootstrapping article, now is the time to actually dive deep into the code, and start making changes. As an obvious...