HTML5 Canvas For Dummies

21 Feb By Leave a Comment

HTML5_Canvas_For_DummiesHTML5 Canvas For Dummies

Create eye-popping visuals on the fly with HTML5 Canvas

Now part of the HTML5 standard tool, Canvas gives programmers the ability to add images, animation, and sound to mobile and regular websites on the fly, in JavaScript, without needing any third-party tool or player. This practical For Dummies book clearly shows you how to get the most out of Canvas. It presents information in a friendly, non-intimidating way and helps you get started with the Canvas tag, create 2D drawings and images, add video and audio, build a basic game framework, weave spellbinding animation, and more.

If you want to learn how to use HTML5 Canvas, this easy-to-follow guide is just the ticket.

  • Shows web programmers, developers, and designers at beginner and intermediate HTML5 and JavaScript levels how to use the powerful HTML5 Canvas tag
  • Helps you design and add images, animation, sound, and more to mobile and regular websites, without using any third-party tools or players
  • Covers 2D drawings, text, and bitmap images; video and audio; how to build a basic game framework on Canvas; adding animation; and more
  • Includes a JavaScript crash course

Get started using HTML5 Canvas right away with HTML5 Canvas For Dummies. Continue Reading…

HTML5 Advertising

9 Feb By Leave a Comment

HTML5_Advertising

HTML5 Advertising

Web advertising is changing. What was once a predominantly Flash-based medium is making the switch to HTML5, with the benefit of a plug-in free environment giving a larger audience for ads, and better integration with the page they are featured on. We live in a time where marketers, designers, and developers are confused as to what they can and can’t do on different devices, browsers, and operating systems. What better way to finally make sense of it all, than by stepping through the entire campaign process on your own terms?

HTML5 Advertising will educate you on the whole digital advertising process from start to finish, and help you take advantage of new HTML5 features such as canvas, CSS3 animations, DOM events, audio and video, and offline storage. You’ll also learn how to get around discrepancies in browser support with JavaScript and polyfills. You will be provided with tips and tricks to better optimize content across screens and make the most successful campaign with the lightest footprint possible, which is especially important when deploying to mobile devices. This book:

  • Takes you through the advertising campaign process with HTML5 from design to delivery
  • Provides in-depth knowledge into the digital advertising landscape and the HTML5 specification
  • Communicates tips and tricks coming from Flash and ActionScript to HTML5, CSS3 and JavaScript.

HTML5 Advertising equips you with the knowledge to attack cutting-edge, rich media projects with confidence and scale, while also learning the essentials to communicate to internal and external clients. HTML5 is here whether you like it or not, so why not jump in early and head down the path of building the future. Continue Reading…

HTML5 Hacks

4 Feb By Leave a Comment

HTML5_Hacks

HTML5 Hacks

With 90 detailed hacks, expert web developers Jesse Cravens and Jeff Burtoft demonstrate intriguing uses of HTML5-related technologies. Each recipe provides a clear explanation, screenshots, and complete code examples for specifications that include Canvas, SVG, CSS3, multimedia, data storage, web workers, WebSockets, and geo
You’ll also find hacks for HTML5 markup elements and attributes that will give you a solid foundation for creative recipes that follow. The last chapter walks you through everything you need to know to get your HTML5 app off the ground, from Node.js to deploying your server to the cloud.location.

Here are just a few of the hacks you’ll find in this book:

Make iOS-style card flips with CSS transforms and transitions
Replace the background of your video with the Canvas tag
Use Canvas to create high-res Retina Display-ready media
Make elements on your page user-customizable with editable content
Cache media resources locally with the filesystem API
Reverse-geocode the location of your web app user
Process image data with pixel manipulation in a dedicated web worker
Push notifications to the browser with Server-Sent Events Continue Reading…

Professional HTML5 Mobile Game Development

12 Oct By Leave a Comment

Professional_HTML5_Mobile_Game_DevelopmentProfessional HTML5 Mobile Game Development

Create mobile game apps for the lucrative gaming market

If you’re an experienced developer seeking to break into the sizzling mobile game market, this is the book for you. Covering all mobile and touchscreen devices, including iPhones, iPads, Android, and WP7.5, this book takes you through the steps of building both single- and multi-player mobile games. Topics include standard patterns for building games in HTML5, what methods to choose for building (CSS3, SVG, or Canvas), popular game engines and frameworks, and much more. Best of all, code for six basic games is provided, so you can modify, further develop, and make it your own.

  • Shows intermediate developers how to develop games in HTML5 and build games for iPhone, iPad, Android, and WP7.5 mobile and touchscreen devices
  • Explains single-player and multi-player mobile game development
  • Provides code for six basic games in a GitHub repository, so readers can collaborate and develop the code themselves
  • Explores specific APIs to make games even more compelling, including geolocation, audio, and device orientation
  • Reviews three popular open-source HTML5 game engines–crafty.js, easel.js, and enchant.js
  • Covers simple physics as well as using an existing physics library

The world is going mobile, as is the game industry. Professional HTML5 Mobile Game Development helps savvy developers join in this exploding market.

From the Back Cover
Dive into a world of mobile gaming possibilities with HTML5

Eager to break into the sizzling world of mobile gaming? Then this is the book for you. Aimed at developers interested in creating games for all mobile and touch-screen devices, this invaluable resource builds on your existing knowledge of HTML5 and JavaScript in order to take you through the steps of building single- and multiple-player mobile games using HTML5. Topics include standard patterns for building games in HTML5, which methods to choose for building (CSS3, SVG, or Canvas), popular game engines and frameworks, and much more. Best of all, code for six basic games is provided, so you can modify, further develop, and, ultimately, make it your own. Continue Reading…

Smashing HTML5

10 Oct By Leave a Comment

Smashing_HTML5Smashing HTML5

Welcome to HTML5 – the future of the Web

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 Continue Reading…

HTML5 Step by Step

15 Sep By Leave a Comment

HTML5_Step_by_StepHTML5 Step by Step

Experience learning made easy—and quickly teach yourself how to create Web pages with the HTML5 specification. With Step by Step, you set the pace—building and practicing the skills you need, just when you need them!

  • Use a division-based layout to structure your Web pages
  • Include menu bars and hyperlinks for clear navigation
  • Apply colors, font sizes, and other formatting with CSS
  • Add graphics, sound, and video to your pages
  • Use the Canvas tag to render visual images on the fly
  • Build user-input forms with buttons, boxes, and menus

Your Step by Step digital content includes:

  • All the book’s practice files—ready to download and put to work. See “Using the Practice Files,” inside.
  • Fully searchable online edition of this book—with unlimited access on the Web. Free online account required; see inside book. Continue Reading…

HTML5: Designing Rich Internet Applications

14 Sep By Leave a Comment

HTML5_Designing_Rich_Internet_ApplicationsHTML5: 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.

Table of Contents

  • Building a Web Site Using HTML5 Blocking Elements
  • Picture CSS3
  • Applying CSS3 to Your Web Design
  • Rendering HTML5 Illustration
  • Inserting Video into Your Web Design Continue Reading…

Learn HTML5 and JavaScript for Android

13 Sep By Leave a Comment

Learn_HTML5_and_JavaScript_for_AndroidLearn HTML5 and JavaScript for Android

Learn HTML5 and JavaScript for Android teaches the essential HTML5 and JavaScript skills you need to make great apps for the Android platform and browser.

This book guides you through the creation of a mobile web app. You’ll put the HTML5, CSS3 and JavaScript skills you learn into practice, giving you invaluable first-hand experience that will serve you well as you go on to develop your own web apps for Android smartphones and tablets.

Throughout this book, you will learn new skills and bring these altogether to create a web app that runs on the Android platform as well as other mobile platforms.

What you’ll learn

Android 4.0 compliant, this book shows you how to:

  • How to build a HTML5 and JavaScript-based mobile Web app that runs on Android devices and browsers
  • What is HTML5 and how to best use it for your presentation tier in your Web app
  • What is CSS3 and how to best employ it for a richer presentation tier in your Web app
  • What is JavaScript and how to best use for any needed logic in your web app Continue Reading…

Core HTML5 Canvas

26 Aug By Leave a Comment

Core_HTML5_CanvasCore HTML5 Canvas: Graphics, Animation, and Game Development - Prentice Hall

Free chapters, featured examples, and the book’s code are available at CoreHTML5Canvas.com.

One of HTML5′s most exciting features, Canvas provides a powerful2D graphics API that lets you implement everything from word processors to video games. In Core HTML5 Canvas, best-selling author David Geary presents a code-fueled, no-nonsense deep dive into that API, covering everything you need to know to implement rich and consistent web applications that run on a wide variety of operating systems and devices.

Succinctly and clearly written, this book examines dozens of real-world uses of the Canvas API, such as interactively drawing and manipulating shapes, saving and restoring the drawing surface to temporarily draw shapes and text, and implementing text controls. You’ll see how to keep your applications responsive with web workers when you filter images, how to implement smooth animations, and how to create layered, 3D scrolling backgrounds with parallax. In addition, you’ll see how to implement videogames with extensive coverage of sprites, physics, collision detection, and the implementation of a game engine and an industrial-strength pinball game. The book concludes by showing you how to implement Canvas-based controls that you can use in any HTML5 application and how to use Canvas on mobile devices, including iOS5. This authoritative Canvas reference covers

  • The canvas element–using it with other HTML elements, handling events, printing a canvas, and using offscreen canvases
  • Shapes–drawing, dragging, erasing, and editing lines, arcs, circles, curves, and polygons; using shadows, gradients, and patterns
  • Text–drawing, positioning, setting font properties; building text controls
  • Images–drawing, scaling, clipping, processing, and animating
  • Animations–creating smooth, efficient, and portable animations
  • Sprites–implementing animated objects that have painters and behaviors Continue Reading…

Introducing HTML5, Second Edition

23 Jul By 2 Comments

Introducing_HTML5_Second_EditionIntroducing HTML5, Second Edition - New Riders

HTML5 continues to evolve, browsers are implementating at break-neck speed and HTML5 web sites spring up like flowers after rain. More than ever, you need to get acquainted with the powerful new possibilities in web and application design. That’s why we’ve crafted a second edition of this book to help you stay on top of current HTML5  development.

This book shows you how to start adapting the language now to realize its benefits on today’s browsers. 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 about:

  • new semantics and structures to help your site become richer and more accessible
  • applying the most important JavaScript APIs that are already implemented
  • using and controlling native multimedia
  • how to build more intelligent web forms
  • implementing new storage options and web databases, including both WebSQL and IndexedDB
  • how geolocation works with HTML5 in both web and mobile applications Continue Reading…