Advertisement

HTML5 and You

14 Posts

HTML5 has been the buzzword with the web development community for a while now. If you feel a bit overwhelmed and behind the pack, never fear. This session is all you need to get up to speed, fast. We cover everything from the new HTML5 elements, to microdata, to the new JavaScript APIs.

Posts in this series
  • Code
    HTML & CSS
    Quick Tip: HTML5 Features you Should be Using Right Now200x200
    With all this talk about HTML5 not being complete until 2022, many people disregard it entirely - which is a big mistake. In fact, there are a handful of HTML5 features that we can use in all our projects right now! Simpler, cleaner code is always a good thing. In today's video quick tip, I'll show you a handful of options. Read More…
  • Code
    HTML & CSS
    28 HTML5 Features, Tips, and Techniques you Must Know30 html5 features tips techniques
    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. Read More…
  • Code
    HTML & CSS
    Quick Tip: New HTML5 Form Features200x200
    In this screencast, we'll take a quick look at a few new HTML5 features: the placeholder and autofocus tools, as well as the email and URL input types. Read More…
  • Code
    HTML & CSS
    How to Make All Browsers Render HTML5 Mark-up Correctly - Even IE6200x200
    HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we'll create a common layout using some of HTML 5's new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6. Read More…
  • Code
    HTML & CSS
    HTML5 Audio and Video: What you Must KnowHtml5 audio and video
    In promotion of what I consider to be the best HTML5 book currently available on the market, Remy Sharp and Bruce Lawson agreed to donate a chapter of Introducing HTML5 to our readers, which details the ins and outs of working with HTML5 video and audio. A LONG TIME AGO, in a galaxy that feels a very long way away, multimedia on the Web was limited to tinkling MIDI tunes and animated GIFs. As bandwidth got faster and compression technologies improved, MP3 music supplanted MIDI and real video began to gain ground. All sorts of proprietary players battled it out—Real Player, Windows Media, and so on—until one emerged as the victor in 2005: Adobe Flash, largely because of the ubiquity of its plugin and the fact that it was the delivery mechanism of choice for YouTube. Read More…
  • Code
    HTML & CSS
    Quick Tip: Learning About HTML5 Local Storage200x200
    In today's video quick tip, we're going to build a working, though very basic, to-do list in just a minute or two. Thanks to HTML5's local storage, we can make advanced browsers "remember" what we type, even after the browser is closed or is refreshed. Read More…
  • Code
    HTML & CSS
    The Official Guide to HTML5 BoilerplateHtml5 boilerplate
    When we helped to promote the recently released HTML5 Boilerplate in early August, multiple comments were made, which expressed a desire for a full video overview of the template. Thankfully, Paul Irish, the co-creator, recorded a full video walk-through, exclusively for Nettuts+. In this screencast, he meticulously reviews each page, and then further goes on to explain why and when you would use each snippet in your projects. The product of years of learning, this video is not to be missed! Even if you have no intention of using this template, you'll still learn an array of helpful techniques. Read More…
  • Code
    HTML & CSS
    HTML5 Globals and You200x200
    Much has been written on the big ticket changes in HTML5, like forms, semantics, and media, but information on the less splashy changes is sparse. While global attributes aren't the most sexy change of HTML5, they are the change that you will be using over and over and over as you migrate to the new specification.Read More…
  • Code
    HTML & CSS
    Rethinking Forms in HTML5Preview
    While there are many changes for the better in the HTML5 specification, there is no better bang for the buck for the data driven website than the transformation of forms. These simple changes will transform how you enter, validate, process, and even display inputs. You will be able to create more usable web applications with less code and less confusion.Read More…
  • Code
    HTML & CSS
    HTML5 Microdata: Welcome to the Machine200x200
    I don't think it is hyperbole to say that HTML5 will change the way that you think about web development. I welcome many of the changes as they make development easier, and the user experience richer. With any change, though, there is certain to be a bit of trepidation and controversy. One addition that certainly is not without its controversy is the Microdata specification, but I believe the benefits of this very simple specification are going to change how you look at your mark-up in the very near future.Read More…
  • Code
    HTML5
    Getting Offline Access with HTML5 Application Code
    Just when you thought you'd seen all the cool features of HTML5, I'm here to bring you yet another one. The internet is no longer about just websites; it's about web applications. Often, our users are on portable or mobile devices, and they won't always have access to a network. With HTML5's Application Cache, you can provide them with all or some of the functionality they would have online, no matter where they go.Read More…
  • Code
    HTML & CSS
    Building Persistent Sticky Notes with Local StoragePreview
    HTML5 local storage is like cookies on steroids; it’s incredibly simple to use and yet still so powerful. In this tutorial, I’ll show you how to create “sticky notes” functionality, that allows your users to take persistent notes while browsing your site.Read More…
  • Code
    HTML & CSS
    HTML5 Apps: What, Why, and HowHtml5 apps
    If you want to build web apps, you might want to think about using HTML5. HTML5 is the new hotness when it comes to app development, and it has the potential to change the way software is made and sold. It also activates the millions of people out there who know how to make web pages, and never thought their skill set could be used for something else. But before jumping into development, there are some things you should know about HTML5. In this tutorial, I'll teach you the basics!Read More…
  • Code
    HTML & CSS
    Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5Sticky notes
    Twice a month, we revisit some of our readers’ favorite posts from through out the history of Nettuts+. This tutorial was first published in August, 2010. In this tutorial, you'll learn how to transform an HTML list into a wall of "sticky notes" that look and work like the following...Read More…