HTML5

Learn simple ways to style the HTML details element, which is a very useful element for revealing and hiding bits of content on a web page.

How much do you know about HTML5 form validation? Even if you know a lot, we bet you'll learn things you didn't know in this handy guide.

Learn how to make impressive 3D objects in CSS, and even how to make them do amazing things like print a real image from a URL you supply!

Should you use Canvas or SVG? It depends! Let's walk through all the scenarios where Canvas and SVG are an option and work out which is the best choice.

Too many options in your HTML Select list? Try a Datalist! Learn how to work with this lightweight, accessible, cross-browser autocomplete form control.

Our CSSBattle Code Challenge requires some 'outside the square' CSS thinking. Here are four tips to get you started on the right track.

Craig Buckler discusses form layout in the age of CSS Grid, discussing the difficulties of laying out forms with floats and flexbox, and demonstrating the benefits of grid in terms of form layout, the possibilities it offers, and how and why to take a progressive enhancement approach to form layout.

Artificial intelligence is a huge and extremely complex field. Luckily, a couple of simple rules can give a passable illusion of intention and thought.

Adrian Sandu shares some myths and facts about HTML replaced elements and how browsers treat them according to the specifications.

Giannis Konstantinidis lists some great Material Design CSS frameworks and compares them to make it easier for you to choose what best fits your needs.

Adrian Roworth recently built a pure CSS crossword puzzle using form elements and new Grid Layout features. In this tutorial, he explains the key concepts.

Louis Lazaris has collected together another 20+ learning resources, tools, and other guides to help developers brush up on various front-end features.

Maria Antonietta Perna discusses CSS as being on the critical rendering path and points out a few solutions you can try out in your development work.

Maria Antonietta Perna shows why SVG images can be great for website performance, provided you follow a few simple steps when you design and export them

Gajendar Singh walks you through HTML5 custom data attributes, why they're useful, how to style them with CSS and manipulate them with JavaScript and jQuery

In this except from our book, HTML5 & CSS3 for the Real World, 2nd Edition, we take you through adding Video and Audio in HTML5.

We delve deeper into various Input Types for HTML5 Forms. This is an excerpt from our book, HTML5 & CSS3 for the Real World, 2nd Edition.

Learn about the different input types in HTML5 Forms, in this exclusive excerpt published from our book, HTML5 & CSS3 for the Real World, 2nd Edition.

There are five new form elements in the HTML5 forms specification: datalist, output, keygen, progress, and meter

This brief introduction to Microdata barely does the topic justice, but we hope it will provide you with a taste of what’s possible when extending the semantics of your documents with this technology.

Let’s expand upon the concepts of validations a little more so that you can better understand how validating pages has changed

HTML5 web forms have introduced new form elements, input types, attributes, native validation, and other form features.

In this section, let's touch on lesser-known elements, attributes, and features that have been added to the HTML5 spec

While new elements and APIs have been the primary focus of HTML5, this latest iteration of web markup has also brought with it changes to existing elements.

Louis Lazaris is here with installment number 11 of his series on fantastic learning resources, docs and guides for front-end developers 

In this chapter, we’ll discuss even more new elements, along with changes to content types, available in HTML5

We’ve covered the basics of page structure and the elements in HTML5 that will assist in this area, it’s time to start building the page

In this article, we will talk about the basics in HTML5 page structure.

Read An HTML5 FAQ and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

HTML5 and CSS3 are the leading technologies that have ushered in a much more exciting world of web page authoring. Because all modern browsers provide excellent levels of support for a number of HTML5 and CSS3 features, creating powerful and simple-to-maintain future-proof web pages is easier than ever before.