Advertisement

HTML5

  • Azure
    HTML5 Video: Understanding Compression and DRMMicrosoft azure11
    78 shares
    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
    118 shares
    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…
  • Azure
    Deliver Live and On-Demand HTML Video With Azure Media ServicesVideo preview
    78 shares
    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…
  • HTML5
    Try Our Free Short Course on Semantic HTMLSemantic 1
    113 shares
    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
    352 shares
    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
    563 shares
    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
    1029 shares
    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
    223 shares
    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
    144 shares
    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
    521 shares
    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
    227 shares
    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…
  • Responsive Web Design
    Quick Tip: How to Use HTML5 “picture” for Responsive ImagesPreview tag picture
    914 shares
    Images are notoriously one of the most challenging aspects of responsive web design. Today we'll look at how the element, a solution to the problem of responsive images, can be used right now.Read More…
Advertisement
Advertisement