• Azure
    Deliver Live and On-Demand HTML Video With Azure Media ServicesVideo preview
    This is the first of a series of articles about using Azure Media Services to create and consume HTML5 video. In this tutorial, I’ll explain how to use this cloud media solution to get set up and start experimenting with delivering live or on-demand video.Read More…
  • Quiz
    Quiz: Do You Understand Semantic HTML?Semantic 1
    A quick quiz to test your knowledge of semantic HTML, based on the free short course Semantic HTML: How to Structure Web Pages. Read More…
  • Azure
    HTML5 Video: Understanding Compression and DRMMicrosoft azure11
    In this tutorial—the second in a series on using Azure Media Services to create and consume HTML5 video—I’ll cover the way we can ingest our content using a video recording tool, as well as ways to encrypt or protect our video so that only viewers with permission can view it. Finally, we’ll cover the differences between a compression codec, a container, and a transport.Read More…
  • HTML5
    Semantic HTML: Better Outlining With SectionsSemantic 1
    In this video tutorial, you will explore the similarities and differences between sections and divs, learning when best to use each. You will also learn how using semantic sectioning elements affects the outline of your document.Read More…
  • HTML5
    Try Our Free Short Course on Semantic HTMLSemantic 1
    These days most web designers and developers are familiar with the term “semantic markup”. But do you really know what it means? Do you know how to properly lay out your HTML5 markup? In this free course, you will learn how to lay out your content semantically, making your web pages readable for humans and machines alike.Read More…
  • HTML5
    Native Popups and Modals With the HTML5 “dialog” ElementPreview tag dialog
    Many processes on the web these days require users’ full consent in order to be completed. For example, users may need to remove an account, change their username, or confirm a monetary transaction. Read More…
  • HTML5
    Quick Tip: Using the HTML5 “download” AttributePreview tag download1
    Creating a download link in HTML is straightforward; add an anchor tag and point to the file within the href attribute. Some file types, however, won’t be downloaded. They, instead, will be opened in the browser. In this case consider using the “download” attribute.Read More…
  • HTML5
    Introducing the HTML5 “Menu” and “Menuitem” ElementsPreview tag menu
    Today I’m going to introduce you to two elements: and , part of the Interactive Elements specification. The web has evolved into something more than just linked documents; pages behave increasingly these days like apps. As such, it’s an appropriate time to form standard web interactivity features.Read More…
  • HTML5
    Explaining the “Details” and “Summary” ElementsPreview tag details
    Lots of JavaScript libraries are developed to give us additional interactive widgets on websites. Equally, HTML5 has also interpreted a number of popular interactive components, making them into native web features. In this post, we are going to look into one such element called
    (and in doing so the element) which gives us an interactive widget similar to an accordion.Read More…
  • HTML
    Quick Tip: Consider Wrapping Your Code With a “figure” ElementPreview tag figure
    The "figure" tag was introduced with HTML5 quite some time ago, though you may still be unfamiliar with what it does, or how it can be used in lots of different situations. In this tutorial, you'll learn the difference between "figure" and other comparable tags, and how you can begin using it to enhance the way you group items in your markup.Read More…
  • HTML5
    How to Create Your Own HTML Elements With Web ComponentsPreview tag template
    What are web components you ask? In a nutshell, web components give you a way to create your own custom HTML elements which can do just about anything you need them to.Read More…
  • HTML5
    Quick Tip: Set Relative URLs With the “base” TagPreview tag base
    The tag in HTML is a relatively little known element, having become a fully fledged part of HTML5 quite recently. It enables you to do two things: set any URL you choose as the base for all relative URLs, and set default link targets.Read More…
Suggested Tuts+ Course
Solid HTML Form StructureFree