HTML articles

A primary goal of all developers is faster development, especially rapid bootstrapping. There are dozens of frameworks made available in the last couple of years that aim to have our prototypes up in minutes. Unfortunately many of those frameworks...
The new geolocation function in HTML5 adds the functionality to the browser necessary to detect the user's location, generate co-ordinates, and return them as values back to the user. Not only will it work across desktops, but across mobile...
Placing a video in HTML5 markup is simple, no more complex for any given browser than placing an image. In this article we'll take full advantage of the built-in browser support to build the simplest possible video player. We'll lay the application's...
For a long time JavaScript functions have existed that allow us to create drag and drop interfaces, but none of these implementations were native to the browser. In HTML5, we have a native method of creating drag and drop interfaces (with a little...
In part one, we touched on how to harness the power of display: flex in your website layouts, and how versatile this new layout concept has proven to be. With those thoughts from the previous video kept in mind, we can now adapt the process and use...
With every new revision of CSS, a plethora of new, exciting attributes come to light;  one of which being the understated display: flex approach. The flexbox layout model has been floating around the web for a little while now, each time with...
Creating an to-do app is usually the first application you learn how to build in JavaScript but the problem with all those apps is that when you reload the page all those to-do’s are gone. There is a simple solution though, and that's to use local...
When it comes to rendering on somebody else's DOM, you can't naively write HTML and CSS like you might for your own self-contained web application. You've got to think carefully about how preexisting CSS and JavaScript code might affect your...
This is part two of the HTML5 audio introduction video; if you haven't watched it already, I recommend checking out part one to get up to speed! Today, we'll be working on our HTML5 audio player and adding some exciting functionality to really...
The introduction of the HTML5 spec introduced new tags for presenting media on a webpage; the <audio> and <video> tags, rendering the <object> tag no longer fit for video and audio streaming. These new tags have made it...
HTML5 came with all new APIs, new input types and attributes for forms. As is often the case, those major additions often obscure the minor upgrades and I think that this is particularly true of the download attribute. As you know, there are some...
A few years ago, it was tough to create a professional-looking website without designing and coding something from scratch. There were free templates and website builders, sure, but the results from most were less than professional. Not...