Learn HTML5, 19 books to get you started

• Tweet
• Buffer

• Tweet
• Buffer

You decided to start learning HTML5, but don’t know from where to begin? No problem! There are tones of sources from where you can learn: internet, video tutorials, books or taking web design classes. Here we have our eyes focused on 19 books that present different approaches on HTML5 and how to take advantage of the new updates for a more responsible web design.

Introducing HTML5, second edition

Written by developers who have been using the new language for the past two years in their work, this book shows you how to start adapting the language now to realize its benefits on today’s browsers. Rather than being just an academic investigation, it concentrates on the practical—the problems HTML5 can solve for you right away. By following the book’s hands-on HTML5 code examples you’ll learn:

new semantics and structures to help your site become richer and more accessible

how to apply the most important JavaScript APIs that are already implemented

the uses of native multimedia for video and audio

techniques for drawing lines, fills, gradients, images and text with canvas

how to build more intelligent web forms

implementation of new storage options and web databases

how geolocation works with HTML5 in both web and mobile applications

All the code from this book (and more) is available at www.introducinghtml5.com.

HTML5: The Missing Manual

HTML5 is more than a markup language—it’s a dozen independent web standards all rolled into one. Until now, all it’s been missing is a manual. With this thorough, jargon-free guide, you’ll learn how to build web apps that include video tools, dynamic drawings, geolocation, offline web apps, drag-and-drop, and many other features. HTML5 is the future of the Web, and with this book you’ll reach it quickly.

The important stuff you need to know:

Structure web pages in a new way. Learn how HTML5 helps make web design tools and search engines work smarter.

Add audio and video without plugins. Build playback pages that work in every browser.

Draw with Canvas. Create shapes, pictures, text, and animation—and make them interactive.

Go a long way with style. Use CSS3 and HTML5 to jazz up your pages and adapt them for mobile devices.

Build web apps with rich desktop features. Let users work with your app offline, and process user-selected files in the browser.

Create location-aware apps. Write geolocation applications directly in the browser.

HTML5 Solutions: Essential Techniques for HTML5 Developers

Web designers and developers now have a whole host of new techniques up their sleeves, from displaying video and audio natively in HTML, to creating realtime graphics directly on a web page without the need for a plugin. But all of these new technologies bring more tags to learn and more avenues for things to go wrong. HTML5 Solutions provides a collection of solutions to all of the most common HTML5 problems. Every solution contains sample code that is production-ready and can be applied to any project.

What you’ll learn
Real-world solutions for everyday HTML development, saving hours of frustration. Problems covered include:

Sending multi-bitrate videos to different devices

Creating custom video components

Programming a custom video controller

Designing a canvas with custom gradients

Capturing and drawing images

Storing data offline using the Web SQL Databases

Dragging data from the desktop into the browser

Creating HTML5 WebSockets

Who this book is for
Web developers and designers seeking practical advice on making HTML5 sites work.

HTML5 Guidelines for Web Developers

In HTML5 Guidelines for Web Developers, two pioneering web developers provide a comprehensive guide to HTML5’s powerful new elements and techniques through compact, practical, easy-to-understand examples. You’ll discover just how much you can do with HTML5—from programming audio/video playback to integrating geographical data into pages and applications.

This concise, friendly reference is packed with tips, tricks, and samples for making the most of HTML5 with JavaScript and the DOM. The authors present “pure HTML5” examples that are supported by browsers right now, and they share realistic insights into the challenges of leading-edge HTML5 development. All examples are available for download, with links to web resources for new information and specification updates. Topics covered include

Browser support: What you can (and can’t) do with HTML5 today

HTML5 document structure and semantics

Intelligent forms, including new input types, elements, and client-side validation

The “video” and “audio” elements, and scripting media solutions

Advanced graphics with Canvas and SVG

Geolocation in the browser, including location tracking via Google Maps

Web storage, offline web applications, WebSockets,and Web Workers

Embedding sematic markup with Microdata and the Microdata DOM API

Implementing drag-and-drop with the “draggable” attribute

New global attributes: “data-*,” “hidden,” “contenteditable,” “spellcheck,” and more

If you’re a web developer or designer with at least basic knowledge of HTML, JavaScript, and CSS, this book is all you need to masterHTML5—and get to the cutting edge of web development.

The Definitive Guide to HTML5

The Definitive Guide to HTML5 begins by tackling the basics of HTML5, ensuring that you know best practices and key uses of all of the important elements, including those new to HTML5. This section also covers usage of CSS2 and CSS3, JavaScript, and DOM manipulation, making you proficient in all core aspects of modern website creation.

The next part of the book covers the associated W3C APIs that surround the HTML5 specification. You will achieve a thorough working knowledge of the geolocation API, web storage, the communications API, and the new drag and drop functionality.

The Definitive Guide to HTML5 then dives into the key media enhancements of HTML5 and its surrounding technologies: Canvas, SVG, video and audio. The book rounds off with high-level coverage of concurrent programming, security, offline applications, and testing and debugging HTML5.

What you’ll learn

How to use all of the core features of HTML5

How to make the most of the APIs that surround HTML5, such as geolocation, WebStorage, and drag and drop

How to leverage the media capabilities of the modern web: Canvas, SVG, audio, and video

Who this book is for

Web developers and designers who want to increase their HTML5 skills to create modern, standards-compliant websites.

HTML5 Games Development by Example: Beginner’s Guide

The book will show you how to use latest HTML5 and CSS3 web standards to build card games, drawing games, physics games and even multiplayer games over the network. With the book you will build 6 example games with clear step-by-step tutorials.

HTML5, CSS3 and related JavaScript API is the latest hot topic in Web. These standards bring us the new game market, HTML5 Games. With the new power from them, we can design games with HTML5 elements, CSS3 properties and JavaScript to play in browsers.

The book divides into 9 chapters with each one focusing on one topic. We will create 6 games in the book and specifically learn how we draw game objects, animate them, adding audio, connecting players and building physics game with Box2D physics engine.

What you will learn from this book :

Start nice and simple: build a traditional Ping Pong game with two players playing in one computer.

Create a CSS3-driven card game with transform and 3D flipping effects.

Use the Canvas with multiple layers and the Drawing API to create a string untangle game

Frame-by-frame animation with sprite sheets

Create HTML5 game audio, and build a piano-based musical game

Store game data persistently using local storage.

Building real-time network multiplayer games

Adding physics to your canvas games using the Box2D physics engine.

Approach
Step-by-step example-driven tutorials to create several games from scratch. Each game comes with a specific learning topic in HTML5 or CSS3.

Who this book is written for
This book is for web designers or game developers who want to build browser games with HTML5 and CSS3. You’ll need some background with web development or other programming but no game development experience is necessary.

HTML5 Games – Creating Fun with HTML5, CSS3 and WebGL

Discover new opportunities for building 2D and 3D games with HTML5
The newest iteration of HTML, HTML5 can be used with JavaScript, CSS3, and WebGL to create beautiful, unique, engaging games that can be played on the web or mobile devices like the iPad or Android phones. Gone are the days where games were only possible with plugin technologies such as Flash and this cutting-edge book shows you how to utilize the latest open web technologies to create a game from scratch using Canvas, HTML5 Audio, WebGL, and WebSockets. You’ll discover how to build a framework on which you will create your HTML5 game. Then each successive chapter covers a new aspect of the game, including user input, sound, multiplayer functionality, 2D and 3D graphics, and more.

Aims directly at a new way to develop games for the web through the use of HTML5
Demonstrates how to make iOS and Android web apps
Explains how to capture player input; create 3D graphics; and incorporate textures, lighting, and sound
Guides you through the process of creating a game from scratch using Canvas, HTML5 Audio, WebGL, and WebSockets
By the end of this invaluable book, you will have created a fully functional game that can be played in any compatible browser or on any mobile device that supports HTML5.

The Essential Guide to HTML5 Using Games to learn HTML5 and JavaScript

The book begins at an introductory level, teaching the essentials of HTML5 and JavaScript through game development. Each chapter features a familiar game type as its core example, such as hangman, rock-paper-scissors, or dice games, and uses these simple constructs to build a solid skillset of the key HTML5 concepts and features. By working through these hands on examples, you will gain a deep, practical knowledge of HTML5 that will enable you to build your own, more advanced games and applications.

Concepts are introduced and motivated with easy-to-grasp, appealing examples
Code is explained in detail after general explanations
Reader is guided into how to make the examples ‘their own’

What you’ll learn

Use HTML5 and JavaScript to create interactive web sites

Program in JavaScript with the new HTML5 features

Draw on canvas and place text on the canvas

Create animated scenes using timing events

Handle mouse events for interaction with the user/player

Important concepts useful in any programming language/environment HTML tags, canvas, Math.random, setInterval, setTimerout, addEventListener, Date, localStorage and other features

Who this book is for
Anyone who wants to make interactive websites. This book is suited for:
Total beginners
Those who have done some HTML but are afraid to do any programming
Those with some experience with HTML, JavaScript, or Flash ActionScript but who are unfamiliar with the new features in HTML5

Foundation HTML5 Animation with JavaScript

Foundation HTML5 Animation with JavaScript covers everything that you need to know to create dynamic scripted animation using the HTML5 canvas. It provides information on all the relevant math you’ll need, before moving on to physics concepts like acceleration, velocity, easing, springs, collision detection, conservation of momentum, 3D, and forward and inverse kinematics. Foundation HTML5 Animation with JavaScript is a fantastic resource for all web developers working in HTML5 or switching over from Flash to create standards-compliant games, applications, and animations that will work across all modern browsers and most mobile devices, including iPhones, iPads, and Android devices.

You will learn how to utilize the amazing animation and physics-based code originally created by author Keith Peters in his hugely successful Foundation ActionScript Animation in all of your HTML5 applications. In no time at all, you’ll understand the concepts behind scripted animation and also have the ability to create all manner of exciting animations and games.

What you’ll learn

All the JavaScript and HTML5 code (including math and trigonometry functions) you’ll need to start animating with code

Basic motion principles like velocity, acceleration, friction, easing, and bouncing

How to handle user interactions via the keyboard, mouse, and touchscreen

Advanced motion techniques like springs, coordinate rotation conservation of momentum, and forward and inverse kinematics

All the basic 3D concepts you’ll need for 3D in HTML5 (without WebGL)—from simple perspective to full 3D solids, complete with backface culling and dynamic lighting

Who this book is for
This book is a fantastic resource for all web developers working in HTML5 or switching over from Flash to create standards-compliant games, applications, and animations that will work across all modern browsers and most mobile devices, including iPhones, iPads, and Android devices.

The Definitive Guide to HTML5 Video

Plugins will soon be a thing of the past. The Definitive Guide to HTML5 Video is the first authoritative book on HTML5 video, the new web standard that allows browsers to support audio and video elements natively. This makes it very easy for web developers to publish audio and video, integrating both within the general presentation of web pages. For example, media elements can be styled using CSS (style sheets), integrated into SVG (scalable vector graphics), and manipulated in a Canvas. The book offers techniques for providing accessibility to media elements, enabling consistent handling of alternative representations of media resources.

The Definitive Guide to HTML5 Video dives deep into the markup that is introduced for media element support in browsers. You’ll explore the default user interface offered through browsers for media elements, as well as the JavaScript API provided to control their behavior. You’ll also learn how to account for H.264 and Ogg Theora codecs.

What you’ll learn

How to create cross-browser markup in HTML to include audio and video into your web pages

How to replace the default controls of web browsers with your own or “skin” your media player

How to use the JavaScript API for media elements

How to integrate media elements with other HTML5 constructs such as CSS, SVG, Canvas, or Web Worker Threads

How tp make audio and video accessible

How to use media fragment URIs to address certain temporal subparts or tracks of a media resource

The open source tools available to deal with the new HTML5 media elements

Who this book is for
This book is for those who are proficient in authoring and publishing Web pages, but have never utilized audio and video. It will also benefit old buffs of Adobe Flash, Microsoft Silverlight, or QuickTime who are trying to understand what is happening in HTML5 media and how to use the new media elements.

HTML5 and CSS3: Develop with Tomorrow’s Standards Today

HTML5 and CSS3 are the future of web development, but you don’t have to wait to start using them. Even though the specification is still in development, many modern browsers and mobile devices already support HTML5 and CSS3. This book gets you up to speed on the new HTML5 elements and CSS3 features you can use right now, and backwards compatible solutions ensure that you don’t leave users of older browsers behind.

This book gets you started working with many useful new features of HTML5 and CSS3 right away. Gone are the days of adding additional markup just to style a button differently or stripe tables. You’ll learn to use HTML5′s new markup to create better structure for your content and better interfaces for your forms, resulting in cleaner, easier-to-read code that can be understood by both humans and programs.

You’ll find out how to embed audio, video, and vector graphics into your pages without using Flash. You’ll see how web sockets, client-side storage, offline caching, and cross-document messaging can ease the pain of modern web development. And you’ll discover how simple CSS3 makes it to style sections of your page. Throughout the book, you’ll learn how to compensate for situations where your users can’t take advantage of HTML5 and CSS3 yet, developing solutions that are backwards compatible and accessible.

HTML5 & CSS3 For The Real World

HTML5 and CSS3 for the Real World is ideal for any web designer or developer who wants to start using the latest generation of web technologies in their everyday work.

This book will teach you how to:

understand the new semantic markup available in HTML5

use CSS3 to make sites beautiful without sacrificing clean markup or resorting to complex workarounds

employ native HTML5 video and audio in your pages

use web fonts to enrich a site’s typography

make web applications accessible using WAI-ARIA

make the most of the new HTML form elements.

This easy-to-follow guide is illustrated with lots of examples, and leads readers through the process of creating great websites from start to finish using HTML5 and CSS3.

It also features:

details on all the new HTML5 and CSS3 elements and features

information on the current level of browser support

advice for creating great experiences for all users thanks to progressive enhancement.

Smashing HTML5

HTML5 is packed with great new features, including new content-specific elements, audio and video playback, canvas for drawing, and many others. But where to begin? With Smashing HTML5, you have everything you need to get up and running quickly.

Bill Sanders is a professional Web developer, information and interface designer, and instructor. His expertise and knowledge shared throughout Smashing HTML5 will help fast-track you toward building next-generation Web sites.

Smashing HTML5 provides comprehensive coverage – from how to get started with HTML5 to optimizing media on the Web. You will learn how to use text, graphics, audio, video, and navigation in HTML5 Web pages running in compatible browsers.

You will also learn how to:

Work with HTML5 tags

Design page structure

Make site navigation easy for your audience

Integrate media including video into HTML5 pages

Harness the power of the HTML5 canvas

Use HTML 5 forms

Create interactivity, store information, and much more

Smashing HTML5 is an essential read for Web designers and developers looking to transition to HTML5. With this book, you’ll be able to create Web pages that not only look great, but also take advantage of the new features HTML5 has to offer.

HTML5 Media

If you’re a web developer or designer familiar with CSS and JavaScript, this tightly focused introduction shows you how to add HTML5 media elements to your web pages, and how to provide custom controls for letting web visitors interact with the content.

You’ll also learn how to provide subtitles and captions, using file formats that work in browsers now. This book includes code samples and downloadable examples to help you take full advantage of audio and video in your web pages.

Ensure your audio or video works in all browsers that support HTML5 media elements

Learn about widely supported media file codecs and containers

Customize the appearance of media elements with CSS

Build your own applications to work with and control media elements

Apply video subtitles and closed captioning with SRT and WebVTT

Use SVG filters with HTML5, and play videos in your Canvas applications

Explore upcoming features, including support for multiple tracks and synchronized playback

HTML5 Geolocation

Truly revolutionary: now you can write geolocation applications directly in the browser, rather than develop native apps for particular devices. This concise book demonstrates the W3C Geolocation API in action, with code and examples to help you build HTML5 apps using the “write once, deploy everywhere” model. Along the way, you get a crash course in geolocation, browser support, and ways to integrate the API with common geo tools like Google Maps.

Learn how geo information is gathered from different sources, depending on the device

Discover how coordinate systems work, including geodetic systems and datums

Use the API to collect location information from a user’s browser with JavaScript code

Place geo information on a map using the Google Maps or ArcGIS JavaScript APIs

Save geo data with databases, the Keyhole Markup Language, or the shapefile format

Be familiar with several practical uses for geo data, such as geomarketing, geosocial, geotagging, and geo-applications

HTML5 Cookbook

Dive deep into the latest HTML5 features that really make the language shine—everything from markup semantics to Canvas, web forms, application protocols, and the latest JavaScript APIs.

With more than 100 practical tips and techniques that you can use in your projects right away, the HTML Cookbook helps you experience HTML5′s versatility firsthand.

Each informative recipe includes a code solution, along with a detailed discussion into why and how it works. And each chapter has an example design to showcase the topics presented. This handy book is perfect for intermediate to advanced web and mobile web developers ready to take advantage of HTML5 immediately, with recipes on the following topics:

Basic web syntax

Progressive HTML5 markup techniques

Geolocation

Web forms

Canvas

Audio and video

Microdata

Advanced JavaScript APIs

HTML5 Canvas

Whether you currently use Flash, Silverlight, or just HTML and JavaScript, you’ll quickly pick up the basics. Practical examples show you how to create various games and entertainment applications with Canvas as you learn. Gain valuable experience with HTML5, and discover why leading application developers rave about this specification as the future of truly innovative web development.

Create and modify 2D drawings, text, and bitmap images

Incorporate and manipulate video, and add audio

Build a basic framework for creating a variety of games on Canvas

Use bitmaps and tile sheets to develop animated game graphics

Go mobile: port Canvas applications to iPhone with PhoneGap

Explore ways to use Canvas for 3D and multiplayer game applications

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. The companion website, visualizetheweb.com, is packed full of extra information, online code libraries, and a user forum, offering even more opportunity to learn new skills, practice your coding and interact with other users.

Learn how to create images with SVG and Canvas

Optimize your HTML5 Web site’s appearance on the latest Web browsers, including Chrome 5, Safari 4, Internet Explorer 9, and FireFox 3.6

Embed video and audio into your Web page

Enhance your JavaScript knowledge with jQuery Ajax library

Control your page layout and design with CSS3, embedded fonts, animation, transformation, 3D, and rounded borders

Leverage the new HTML5 elements, such as ARTICLE, SECTION, FOOTER, HEADER, and ASIDE

Extend your Web applications to mobile devices such as the iPhone, Android, and WebOS mobile phones with HTML5 FORMs 2.0

Implement the Geolocation API in your Web applications

Apply SQL-like local data storage to your Web solutions

Pro HTML5 Programming Powerful APIs for Richer Internet Application Development

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.

Explains how to create real-time HTML5 applications that tap the full potential of modern browsers

Provides practical, real-world examples of HTML5 features in action

Shows which HTML5 features are supported in current browsers

Covers all the new HTML5 APIs to get you up to speed quickly with HTML5

What you’ll learn

How the HTML5 specification has evolved

How to develop cutting-edge web applications using new HTML5 features like WebSockets, geolocation, Web Storage, Canvas, and audio and video

Which features are available in browsers today

Who this book is for
Web designers and developers who want to use the latest cutting-edge technology available in current browsers
Developers who want to create dynamic, HTML5 web applications
Developers who want to know which HTML5 features are supported in current browsers