Jesse Cravens, Jeff Burtoft
Format: PDF / Kindle (mobi) / ePub
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 geolocation.
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.
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
Geoloqi Real-Time Streaming Service, Polyfill Geolocation APIs with Webshims–Polyfill Geolocation APIs with Webshims, Adding Geolocation APIs and Reverse Geocoding with the googlemaps Module broadcast movement, Use the Geoloqi Real-Time Streaming Service to Broadcast a Remote User’s Movement–The Geoloqi Real-Time Streaming Service geofence, Use the Geoloqi Service to Build a Geofence–Calling the Geoloqi API how it works, Geolocation Hacks longitude and latitude, Use the Geolocation APIs to
ColdFusion. He’s a published author and presents at conferences and user groups on a variety of topics. He can be reached through his blog, via Twitter (@cfjedimaster), or via email (firstname.lastname@example.org). Phil Leggetter is a Real-Time Web Software and Technology Evangelist. He has been developing and using real-time web technologies for more than 10 years, and his focus is to help people use these technologies to build the next generation of interactive and engaging real-time web
object in the DOM, but it will not display anything, as the SVG file is blank. But we will fix that. Now, to really impress our friends and enemies we’ll build an SVG object that demonstrates the cross-cultural symbol for love, peace, and hope: the smiley face. Drawing with XML Unlike a JPEG or PNG image, where the image is transmitted in Unicode, an SVG image is drawn out by a series of rules that follow the XML schema. This tends to make the images lightweight and ultra-scalable. In