HTML5 Apps: What, Why, and How
“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!”
Building Persistant Sticky Notes with Local Storage
“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.”
Start Using HTML5 WebSockets Today
“One of the cool new features of HTML5 is WebSockets, which let us talk to the server without using AJAX requests. In this tutorial, we’ll review the process of running a WebSocket server in PHP, and then building a client to send and receive messages to it over the WebSocket protocol.”
Build an Incredible HTML5 App: $7000 Competition
Can you write HTML5 code? Don’t miss out on these prizes in Nettut+’s latest competition!
“As HTML5′s popularity continues to increase, we at Tuts+ and CodeCanyon would like to do our part in promoting and rewarding those who are on the cutting edge of what’s possible with HTML5, local storage, geolocation, SVG, and CSS3. Not only that, but we’re also, at the conclusion of this competition, launching a brand new category on our coding marketplace, CodeCanyon, specifically for HTML5 apps.”
The rules are quite simple. Using HTML5 technologies (and feel free to throw in some CSS3 goodness while you’re at it), we want you to build a cutting edge app.
Most Importantly: We want you to build an item that people will actually use. Particle effects are great, but unless you have an argument for why others would have a need for your particle item in their project, it most likely won’t be in the running for the grand prize spot. Think wide-spread, when building your app. A presentation app is wide-spread, video players are wide-spread. Use your imagination!
The prizes are amazing!
Grand Prize Winner
- $600 cold hard cash (paid via Paypal)
- 1 Copy of Camtasia Studio ($299 value; PC or Mac) (TechSmith awesomeness package)
- 1 Copy of Snag-it or Jing Pro ($50 value) (TechSmith awesomeness package)
- 1 iPod Touch ($200 value) (TechSmith awesomeness package)
- 1 Audio-Technica ATAT2020 USB Condenser Microphone ($249 value) (TechSmith awesomeness package)
- 1 Dedicated Virtual Box (Rage) from Media Temple (worth $1200)
- 1 LIFE-TIME Bona Fide subscription to Wufoo ($360 value per year)
- 1 Formstack Professional Plan ($360 value)
- $100 marketplace credit (available at all Envato marketplaces)
- 1 free copy of the up-coming Envato Birthday Bundle (files valued at $400)!
- $25 Amazon Gift card
- 1 Campaign Monitor account (5,000 email credits)
- 1 Year Pagelime Pro Account ($240 value)
- 1 Professional License of FusionCharts ($499 value)
- 1 copy of Snippets for Mac ($40 value)
- 1 2 Month Tuts+ Premium subscription ($108 value)
- 1 copy of “HTML 5: Up and Running” ($30 value)
- 1 year of Miva Merchant SAAS hosting + license
- 1 free pass to Miva Merchant developer conference in San Diego (January 2011)
- 1 copy of “JavaScript for Web Developers,” from Wrox (hardcopy $40 value)
- 1 year Typekit Personal Subscription ($25 value)
- 1 copy of Querious for Mac ($29 value)
- 1 year Ember Pro Subscription ($25 value)
- 1 single-usage license of WP Structure Theme, by contempoinc – ($35 value)
- 1 Notable Basic Subscription - 3 months ($75 value)
- 1 Rockable Press book of your choice (ebook) ($20 value)
- 1 copy of jQuery Enlightenment (ebook) ( $15 value)
- 1 Featured Item spot on the home page of CodeCanyon (exposure)
- 1 Featured Author spot on the home page of CodeCanyon (exposure)
- Item will be featured in a collection on the home page of CodeCanyon
- The coveted marketplace “Won a Competition” badge.
2 Runners-Up Prizes
- $100 marketplace credit (available at all Envato marketplaces)
- 1 Professional License of FusionCharts ($499 value)
- 1 free pass to Miva Merchant developer conference in San Diego (January 2011)
- 1 copy of Snippets for Mac ($40 value)
- 1 free copy of the up-coming Envato Birthday Bundle (files valued at $400)!
- 1 2 Month Tuts+ Premium subscription ($108 value)
- Item will be featured in a collection on the home page of CodeCanyon
- The coveted marketplace “Won a Competition” badge.
To find out more, click the title above.
Web Dev Q&A #2 – PHP Sessions, HTML5 Doctypes, and Form Styling
“We’re back with the second entry in the Nettuts+ Q&A series. Today, we discuss the difference between LESS and Sass, how to pass server-side values to your JavaScript, how to work with PHP and cookies, and the HTML5 doctype. Here we go!”
Quick Tip: New HTML5 Form Features
“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.”
HTML5 Apps: Positioning with Geolocation
“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!”
HTML5 Globals and You
“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.”
A HTML5 Primer for the Overwhelmed
“With Google and Apple strongly supporting HTML5 as the solution for rich applications for the Internet, it’s become the buzzword of the month — particularly after Google I/O. Given its hot currency, though, it’s not surprising that the term is starting to become unhinged from reality. Already, we’re starting to see job postings requiring “HTML5 experience”, and people pointing to everything from simple Javascript animations to CSS3 effects as examples of HTML5. Just as “AJAX” and “Web 2.0” became handy (and widely mis-used) short-hand for “next generation” web development in the mid 2000’s, HTML5 is now becoming the next overloaded term. And although there are many excellent resources out there describing details of HTML5, including the core specification itself, they are generally technical and many of them are out of synch with the current state of the specs. So, we thought a short primer on HTML5 might be in order.”
Rethinking Forms in HTML5
“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.”
