HTML5 for Flash Developers - Brossura

Fisher, Matt

Brossura

ISBN 10: 1849693323 ISBN 13: 9781849693325

Casa editrice: Packt Publishing, 2013

Riassunto

A quick, practical guide to facilitate your journey into the world of HTML5 web development with hands-on examples and tools that HTML5 professionals are currently using. This book has been written specifically for Flash developers interested in adding HTML5 development to their skill set. From understanding the elements that make up HTML5 to preparing your HTML5 projects for public release, each chapter covers the essential aspects every developer should be aware of when writing applications for the modern Web.

Su questo libro

L'autore

Matt Fisher

Matt Fisher, Senior Developer at Jam3 (www jam3.com), is passionate about technology. Whether it is building large-scale multi-user online applications or programming a model plane to fly itself, he brings that passion with him to every project. An interactive web and systems developer by day and an electronics-obsessed person by night, Matt's diverse and highly-valued skill set makes him stand out from the crowd. Matt's fascination with technology and programming began at a young age and today, most of his technical and programming skills are self-taught. In the recent past, Matt has also been a part-time professor at both colleges and universities in Toronto, as well as an advisory board member. His website, www.fisherinnovation.com, gives a detailed description of his work.

Contenuti

Preface
Chapter 1: Why HTML5?
Chapter 2: Preparing for the Battle
Chapter 3: Scalability, Limitations, and Effects
Chapter 4: Building Robust Applications with HTML5
Chapter 5: Code Once, Release Everywhere
Chapter 6: HTML5 Frameworks and Libraries
Chapter 7: Choosing How You Develop
Chapter 8: Exporting to HTML5
Chapter 9: Avoiding the Roadblocks
Chapter 10: Preparing for Release
Index

Preface

Up

Chapter 1: Why HTML5?
Understanding HTML5
What is HTML5?
HTML standards
HTML syntax
HTML elements
Bringing in the style
Passing it over to JavaScript
What is JavaScript?
JavaScript in action
Why bother learning HTML5?
Write once, deploy everywhere
Exciting new features
canvas – 2D drawing API
Media playback
Offline storage
Document editing
Drag-and-drop
Geolocation
File API
Mobile accessibility
Flash Player on Mobile
Build on your existing skillset
ECMAScript
Avoiding the initial road blocks
Stage versus DOM
Positioning assets in the DOM
Dealing with media elements
Securing your code
Browser and platform compatibility
Summary

Up

Chapter 2: Preparing for the Battle
Preparing the asset
Images
JPEG
PNG
GIF
Audio
The audio element
Video
Video codecs
Video containers
Video encoding software
The video element
Debugging and output methods
Google Chrome
Firebug for Firefox
Safari
Opera
Internet Explorer
Syntax differences
Variables
Variable type conversion
Conditions and loops
Functions
Objects
DOM events
Mouse events
Example JavaScript in action
Timing JavaScript execution
Summary

Up

Chapter 3: Scalability, Limitations, and Effects
HTML5 limitations
Object manipulation with CSS3
box-shadow
text-shadow
border-radius
Fonts
Acceptable font formats
External font libraries
Opacity
RGB and RGBA coloring
Element transforms
Translate
Rotate
Scale
Skew
Matrix
3D transforms
Transitions
Browser compatibility
Frame rate
Developing for mobile
Responsive layouts
CSS Media Queries
Audio and video playback control
Preloading
Autoplay
Looping
Sound effects
Media playback manipulation
Reading local files with the File API
Web Workers
WebSockets
The Canvas element
Stage3D versus WebGL
Summary

Up

Chapter 4: Building Robust Applications with HTML5
Writing object-oriented JavaScript
Class syntax
Functions
Variable scope
Public and private variables and functions
Prototype
Instance types
Object literals
Constructors
Inheritance
Listing object properties
Making OOP in JavaScript easier
JavaScript events
Keyboard and mouse events
Touch events
Custom events
Event bubbling
Putting it all together
Summary

Up

Chapter 5: Code Once, Release Everywhere
Covering all your bases
CreateJS
EaselJS
TweenJS
PreloadJS
SoundJS
CreateJS Toolkit
Setting up the Toolkit
Publishing your assets
Reviewing the CreateJS Toolkit output
Modernizr
Using Modernizr
Understanding Polyfills
Modernizr.load()
What Modernizr can detect
CSS media queries
Summary

Up

Chapter 6: HTML5 Frameworks and Libraries
How frameworks and libraries can make your life easier?
What can I do with JavaScript frameworks and libraries?
Finding the right library or framework for your project
jQuery
Putting jQuery into action
Selecting elements with jQuery
Controlling CSS via jQuery
CSS animations
Requesting external data with jQuery Ajax
jQuery Mobile
HTML5 Boilerplate
Bootstrap
Bootstrap add-ons
StyleBootstrap.info
Font Awesome
bootstrap-wysihtml5
Hammer.js
GreenSock Animation Platform
Three.js
Compiling JavaScript
Google's V8 Engine
Node.js
Node Package Manager
Hosting a public Node.js server
Summary

Up

Chapter 7: Choosing How You Develop
Replacing the Flash development environment
Requirements of HTML5 development environments
Asset and file management
Code highlighting
Code completion
Creating and manipulating assets
Adobe Edge Animate
Coding environments
Adobe Dreamweaver CS6
Aptana
Brackets
Sublime Text
Execution and testing
Web browser developer consoles
Network analysis
Timeline profiling
Stats.js
Summary

Up

Chapter 8: Exporting to HTML5
Google Swiffy
How does Swiffy work?
Examining Swiffy-generated code
Finding Swiffy's limits
Generating sprite sheets in Flash Professional CS6
Jangaroo
Haxe
Google Dart
Summary

Up

Chapter 9: Avoiding the Roadblocks
The Jet Pack game
Building the game in Flash
Converting game assets
Converting ActionScript classes
Dealing with audio and playback
Rewriting AS3 code that can't be directly converted
Mobile platform support
Summary

Up

Chapter 10: Preparing for Release
Targeting supported web browsers
Client-side tests
Browser Nightly builds
WebRTC
WebGL support
WebGL on mobile browsers
Allowing users to find your work
The HTML5 History API
Premade testing and benchmark solutions
Google's web development toolset
YSlow website grading
Code minimizing and obfuscation
External dependencies
Making deployment easy
Creating tasks with Grunt
Deploying content with Git
Summary

Dettagli dell'edizione

• Editore: Packt Publishing
• Data di pubblicazione: 2013
• Lingua: Inglese
• ISBN 10: 1849693323
• ISBN 13: 9781849693325
• Rilegatura: Copertina flessibile
• Numero di pagine: 322
• Contatto del produttore: non disponibile
• Persona responsabile: non disponibile