Video icon 64
Learning to code? Skill up faster with our practical video courses. Start your free trial today.
Advertisement

HTML5

  • News
    HTML5 Apps: Positioning with GeolocationHtml5geolocation prevew2
    "At the heart of every location-based application is positioning and geolocation. In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app!" Nettuts+ sister site Mobiletuts+ has just posted a fantastic entry-level tutorial on using HTML5 for Geolocation with your mobile web app. If you're interested in HTML5 and mobile development for mobile devices, make sure to check out the tutorial! ( Continue Reading at Mobiletuts+ ) Read More…
  • HTML & CSS
    How to Create a Drop-down Nav Menu With HTML5, CSS3 and JQuery200x200
    61 shares
    In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.Read More…
  • Mobile Web Apps
    HTML5 Apps: Positioning with GeolocationHtml5geolocation prevew2
    59 shares
    At the heart of every location-based application is positioning and geolocation. In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app!Read More…
  • 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…
  • HTML & CSS
    Rethinking Forms in HTML5Preview
    16 shares
    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…
  • HTML & CSS
    Quick Tip: HTML5 Features you Should be Using Right Now200x200
    9 shares
    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…
  • HTML5
    How to Create a Slider to Zoom PhotosCode
    If you’ve ever used a piece of software, like Picasa or iPhoto before, you’ll be aware of the fact that there is a slider at the bottom, which allows you to specify how large each photo should be. Move the slider up a few ticks, and all the photos will zoom in a bit. Thanks to the HTML5 and the new range input, we can mimic this effect rather easily. Along the way, we’ll also learn about a variety of awesome new CSS3 features, including transition, nth-child, rotations, scaling, and more.Read More…
  • HTML & CSS
    Quick Tip: Learning About HTML5 Local Storage200x200
    15 shares
    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…
  • HTML5
    Implementing HTML5 Drag and DropCode
    12 shares
    One of the new features in HTML5 is native drag and drop. Surprisingly, Internet Explorer has had support for native drag and drop since version 5.5; in fact, the HTML5 implementation is based on IE's support. In today's tutorial, we'll look at how to implement native drag and drop to build a simple shopping cart interface.Read More…
  • HTML & CSS
    Quick Tip: HTML5 Video with a Fallback to Flash 200x200
    13 shares
    In this video quick tip, we'll review how to work with HTML 5 video in your own projects. Because older browsers and Internet Explorer do not understand the <video> element, we must also find a way to serve a Flash file to viewers who are utilizing those browsers. Read More…
  • HTML & CSS
    Quick Tip: The HTML 5 Audio Element200x200
    10 shares
    As of Firefox 3.5, Chrome 3, Opera 10.5, and Safari 4, we can take advantage of many of the new HTML 5 features, including native audio support without the need for Flash. As you'll find, we only to create the new <audio> element, and set a few attributes. In this four minute video quick tip, we'll review the mark-up, and also a quick way to play audio with jQuery. Read More…
  • HTML & CSS
    How to Make All Browsers Render HTML5 Mark-up Correctly - Even IE6200x200
    52 shares
    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…
Advertisement
Suggested Tuts+ Course
Chrome Developer Tools$15
Advertisement