User-downloadable files face a significant UX problem: many have auto-generated, cryptic filenames that are difficult to read, and browsers often open linked files such as PDFs in a new tab, rather than downloading them. This is problematic: if you provide a button that says “Download X”, it’s reasonable to assume that the browser will download it, not open it.

Traditionally, these issues have been solved with complex server-side configuration and JavaScript foolery; today, you can use a little-known HTML5 attribute called download to address both problems.

Read more about The HTML5 download attribute

Traditionally there are just two ways to interact with web pages: form elements and links. For many sites, those methods will continue to work fine… but in some cases, you may want to blur or eliminate the line between page content and user input. To achieve that, we can use the simplest - and longest - HTML5 attribute you’ll ever see: contenteditable.

Read more about HTML5 contentEditable

Despite its moniker, name is an unusual and often misunderstood HTML attribute. Its use is valid in the context of just over a dozen elements, only half of which are relevant to modern web development:

Read more about name