Browsing Tag

html5

Sort by

Toying With the HTML5 File System API

Toying With the HTML5 File System API

on Apr 11th 2012 with 29 comments

HTML5 provides us with a whole crop of new possibilities, such as drawing with canvas, implementing multimedia with the audio and video APIs, and so on. One of these tools, which is still relatively new, is the File System API. It gives us access to a sandboxed section of the user’s local file system, thus filling the gap between desktop and web applications even further! In today’s tutorial, we’ll go through the basics of this new and exciting API, exploring the most common filesystem tasks. Let’s get started!

(Continue)

Decoding HTML5: My New Book

Decoding HTML5: My New Book

on Mar 8th 2012 with 45 comments

Hey guys! I have a few fun things to announce. After months of work, my new book, Decoding HTML5, is finally available. Even better, though, I’ve managed to work out a special arrangement with Rockable Press to offer much, much more.

(Continue)

An in Depth Analysis of HTML5 Multimedia and Accessibility

An in Depth Analysis of HTML5 Multimedia and Accessibility

on Jan 4th 2012 with 19 comments

In this tutorial, you’ll learn how HTML5 helps to provide you with several ways of presenting your media content to users. As a result, you’ll increase the availability of your media to users with different
needs and requirements, making it more accessible.

This tutorial comes courtesy of the recently released HTML5 Multimedia book.

(Continue)

Quick Tip: The Awesome Details Element

Quick Tip: The Awesome Details Element

on Nov 17th 2011 with 45 comments

One of my favorite new HTML5 tags, which has only recently been integrated into Chrome (as of version 12), is the details element. I’ll show you to use it in today’s quick tip.

(Continue)

28 HTML5 Features, Tips, and Techniques you Must Know
basix

28 HTML5 Features, Tips, and Techniques you Must Know

on Jul 14th 2011 with 380 comments

Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in August, 2010.

This industry moves fast — really fast! If you’re not careful, you’ll be left in its dust. So, if you’re feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know.

(Continue)


This entry is part 2 of 14 in the HTML5 and You Session
Build your First Game with HTML5

Build your First Game with HTML5

on Jul 1st 2011 with 78 comments

HTML5 is growing up faster than anyone could have imagined. Powerful and professional solutions are already being developed…even in the gaming world! Today, you’ll make your first game using Box2D and HTML5′s canvas tag.

(Continue)

Build a Neat HTML5 Powered Contact Form

Build a Neat HTML5 Powered Contact Form

on Jun 7th 2011 with 154 comments

In this tutorial, we are going to learn how to create a swanky HTML5 AJAX powered contact form. The form will use some of the new HTML5 input elements and attributes, and will be validated using the browser’s built-in form validation.

We will use jQuery and Modernizr to help out with the older browsers, and PHP on the server side to validate the input.

(Continue)

Quick Tip: Create Cross-Browser Datepickers in Minutes
videos

Quick Tip: Create Cross-Browser Datepickers in Minutes

on May 24th 2011 with 45 comments

In this quick tip, I’ll show you how to use the new HTML5 date input, and then provide a fallback jQuery UI solution for the browsers which don’t yet support this new input type.

(Continue)

Canvas From Scratch: Transformations and Gradients

Canvas From Scratch: Transformations and Gradients

on Apr 20th 2011 with 23 comments

In this article, I’m going to walk you through transformations in the canvas, as well as shadows and gradients. Transformations are an extremely valuable set of methods that allow you to start being creative with the way you draw objects on the canvas. Let’s get started after the jump!

(Continue)


This entry is part 3 of 4 in the Canvas From Scratch Session
Automated Optimization with HTML5 Boilerplate Build
videos

Automated Optimization with HTML5 Boilerplate Build

on Apr 14th 2011 with 32 comments

HTML5 Boilerplate is widely recognized as a rock-solid foundation for building new web-based sites and applications. That said, few are aware that the tool offers more than simply setting up your development environment. It also helps you “wrap up” your work by providing an awesome cross-platform build process.

(Continue)

Page 1 of 512345