Propeople Blog

A regular dose of fresh news, events, products, Drupal development resources and more.

November 2, 2010

The Ultimate HTML5 Resources Roundup

HTML5 has quickly become one of the biggest web trends this year. It revolutionized the web development world with it's new elements and possibilities. There are many HTML5 resources around the web, meant to help Web Developers study it and create the best websites and applications. Our goal in this article is to bring the best of those HTML5 resources together so you could find them all in one place. Here you can find some of the most useful HTML5 tutorials, websites, books, frameworks and videos which will certainly give you some proper HTML5 knowledge. Enjoy!

Essential Tutorials & Articles

 

A Preview of HTML 5

"The web is constantly evolving. New and innovative websites are being created every day, pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers..." check it out

 

Coding A HTML 5 Layout From Scratch

"HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project..." check it out

 

Create An Elegant Website With HTML 5 And CSS3

"I’m sure that who chooses to work as web designer makes a choice of heart, a choice of love. He/she decides to bet any given day on his creativity and his ability of producing an idea and of making it tangible, visible and perceptible for all..." check it out

 

HTML 5 Cheat Sheet

"XHTML 2 is dead, long live HTML 5! According to W3C News Archive, XHTML 2 working group is expected to stop work end of 2009 and W3C is planning to increase resources on HTML 5 instead. And even although HTML 5 won’t be completely supported until 2022, it doesn’t mean that it won’t be widely adopted within the foreseeable future..." check it out

 

HTML5 Unleashed: Tips, Tricks and Techniques

"Can we use HTML5 today? What can we do with it? Is it really going to kill Flash? You must have noticed a gradual increase in the frequency of these and similar questions being asked, debated and even answered. In my opinion, you must answer such fundamental questions yourself..." check it out

 

Structural Tags in HTML5

"The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical div entries from our code. So let’s dig in..." check it out

 

HTML5 Pocket Books

Easy to print on a page cheat sheet for the basics. check it out

 

How to Make an HTML5 iPhone App

"You’ve been depressed for like a year now, I know. All the hardcore Objective-C developers have been having a hay-day writing apps for the iPhone. You might have even tried reading a tutorial or two about developing for the iPhone, but its C—or a form of it—and it’s really hard to learn..." check it out

 

How to Make All Browsers Render HTML5 Mark-up Correctly

"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..." check it out

 

Creating mobile Web applications with HTML 5

"HTML 5 is a very hyped technology, but with good reason. It promises to be a technological tipping point for bringing desktop application capabilities to the browser. As promising as it is for traditional browsers, it has even more potential for mobile browsers..." check it out

Books

 

HTML5 For Web Designers

HTML5 is the longest HTML specification ever written. It is also the most powerful, and in some ways, the most confusing. What do accessible, content-focused standards-based web designers and front-end developers need to know? And how can we harness the power of HTML5 in today’s browsers? In this brilliant and entertaining user’s guide, Jeremy Keith cuts to the chase, with crisp, clear, practical examples, and his patented twinkle and charm. check it out

 

Introducing HTML5

We’re not one of the HTML 5 spec writers, and we’re not here to persuade you to use it. Our take is that it’s going to happen, so we need to get acquainted. But we’re going to point out (perhaps rant) about the good parts as well as the bad. It’s as far as possible a practical book, showing you how to use the language but some areas of the spec will be discussed theoretically as they’re not yet implemented anywhere. check it out

 

HTML5: Up and Running

If you don't know about the new features available in HTML5, now's the time to find out. This book provides practical information about how and why the latest version of this markup language will significantly change the way you develop for the Web. HTML5: Up & Running carefully guides you though the important changes in this version with lots of hands-on examples, including markup, graphics, and screenshots. You'll learn how to use HTML5 markup to add video, offline capabilities, and more -- and you’ll be able to put that functionality to work right away. check it out

 

Pro HTML5 Programming

HTML5 is here, and with it, web applications take on a power, ease, scalability, and responsiveness like never before. In this book, developers will learn how to use the latest cutting-edge HTML5 web technology—available in the most recent versions of modern browsers—to build web applications with unparalleled functionality, speed, and responsiveness. check it out

 

HTML5 - Designing Rich Internet Applications

Implement the powerful new multimedia and interactive capabilities offered by HTML5, including style control tools, illustration tools, video, audio, and rich media solutions. Understand how HTML5 is changing the Web development game with this full-color, project-based treatment that shows you-not just tells you-what HTML5 can do for your Web sites. Reinforce your practical understanding of the new standard with demo applications and tutorials, so that execution is one short step away. check it out

Podcasts and Videos

 

HTML5 With Jeremy Keith

Dan and Jeffrey from The Big Web Show talk with Jeremy Keith, designer, writer, speaker, and author of HTML5 for Web Designers, a new book coming out in June of 2010. They discuss the goals and inspiration behind the book, as well as what HTML5 means for both web creators and those who consume the web, covering topics that range from structure to accessibility and implementation. check it out

 

CSS3 Borders and HTML5 Sections

Jim and Nick from Doctype are back in the studio, exploring new border properties in CSS3 and breaking down a few of the two dozen new HTML5 tags, starting with sections, article, asides, headers, and footers. check it out

CSS3 Gradients & HTML5 Databases

Nick from Doctype shows you how to create gradients without images in CSS3, and Jim takes an in depth look at local databases in HTML5. check it out

 

HTML5 First Look

In HTML5 First Look, author James Williamson introduces the newest HTML specification, providing a high-level overview of HTML5 in its current state, how it differs from HTML 4, the current level of support in various browsers and mobile devices, and how the specification might evolve in the future. Exercise files accompany the course. check it out

 

HTML5 Now: A Step-by-Step Video Tutorial for Getting Started Today

HTML5, touted as the most important change to the Web since the development of CSS, is now widely adopted by browser makers and supported by numerous hardware devices, including Apple iPhone and iPad and Google Android. Because implementation is so new, designers and developers are just cracking the surface as they begin using the markup language in existing or newly developed Web sites, and for designing across multiple platforms. check it out

Comment to suggest other great HTML5 resources. Don't miss a post, subscribe to our RSS feed and follow us on Twitter.

0 Responses to this post

Communicate!