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. 14 Best Portfolio HTML Templates to Show Off Your Work

      14 Best Portfolio HTML Templates to Show Off Your Work

      Tutorial Beginner

      Grab one of these portfolio HTML templates, on ThemeForest, and start building your online portfolio to show your incredible skills and gain clients. 

    2. Next-Level List Bullets With CSS ::marker

      Next-Level List Bullets With CSS ::marker

      Tutorial Beginner

      The CSS ::marker pseudo-element gives us styling access to the “marker box” on list items. We can then use it to replace default list bullets with icons,...

    3. Exploring Creative CSS Hover Effects for Inline Links

      Exploring Creative CSS Hover Effects for Inline Links

      Tutorial Beginner

      In this tutorial we’re going to create some interesting CSS hover effects as an alternative to the standard inline link effects we’ve all been using for years.

    4. How to Build a Blog With Ghost and Envato Elements

      How to Build a Blog With Ghost and Envato Elements

      Course Intermediate

      If you want to create a blog, you will almost immediately think about WordPress. And for good reason: it’s very popular and very good. But that doesn’t mean...

    5. 15 Best One Page WordPress Themes

      15 Best One Page WordPress Themes

      Tutorial Beginner

      WordPress one-page themes are perfect if you're looking to set up a minimal website. Whether it's a personal portfolio or an agency showcase, there are loads...

    6. 24 Best Joomla Personal Blog Templates for 2025 Websites

      24 Best Joomla Personal Blog Templates for 2025 Websites

      Tutorial Beginner

      Don't let building a personal blog become a headache. This collection of the best Joomla personal blog templates will make it easy to build a custom-looking...

    7. 13 Best University Website Templates (HTML)

      13 Best University Website Templates (HTML)

      Tutorial Beginner

      These are the best HTML templates available right now for colleges, universities, and other educational institute websites.

    8. 15 Best Bootstrap Portfolio Templates

      15 Best Bootstrap Portfolio Templates

      Tutorial Beginner

      On ThemeForest you will find some of the best Bootstrap portfolio templates anywhere online. For one low-cost payment you’ll be able to show your creative...

    9. 15+ Best Bootstrap Website Templates (With Modern Designs)

      15+ Best Bootstrap Website Templates (With Modern Designs)

      Tutorial Beginner

      Whether you’re looking to give your website a much-needed makeover or are building a modern site for a client, read on for my pick of the best Bootstrap...

    10. Easy Form Validation With jQuery

      Easy Form Validation With jQuery

      Tutorial Beginner

      In this tutorial, you'll learn how to validate your forms and show custom error messages easily using the jQuery form validation plugin.

    11. 10 Best Responsive HTML5 Sliders for Images and Text (Plus 3 Free Options)

      10 Best Responsive HTML5 Sliders for Images and Text (Plus 3 Free Options)

      Tutorial Beginner

      Looking to add an image slider in HTML to your website? Discover some of the best HTML sliders from CodeCanyon to use in 2021.

    12. How to Hide/Reveal Header Notification Bar on Scroll with JavaScript

      How to Hide/Reveal Header Notification Bar on Scroll with JavaScript

      Tutorial Intermediate

      Let’s build a sticky header whose top part (a notification bar) will disappear on scroll down, and reappear when the user scrolls back up.