Any questions, tips, praise or criticism? Your feedback helps us to make CeDe.ch even better. That's why we are pleased to receive every message and answer all our emails quickly, competently and willingly. Thank you!
This site uses cookies. Read our privacy policy to learn more about how we use cookies and how you can change your preferences. OK
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
List of contents
Preface; Why HTML5?; Why HTML5 Hacks?; Who This Book Is For; Contents of This Book; Conventions Used in This Book; Using Code Examples; We'd Like to Hear from You; Safari® Books Online; Acknowledgments; Chapter 1: Hacking the Semantic Way; 1.1 Simplify Your Doc with the Right ; 1.2 Adopt Common Structures; 1.3 Make Your New HTML5 Tags Render Properly in Older Browsers; 1.4 Bring Back the Tag; 1.5 Easily Implement Form Validation Without JavaScript; 1.6 Improve the Usability of Your Forms with New Controls; 1.7 Know What's Going On in Your App with New DOM Events; 1.8 Add Rich Context to Your Markup with Custom Data; 1.9 Track User Events with Custom Data; 1.10 Make Your Page Consumable by Robots and Humans Alike with Microdata; Chapter 2: Hacking with Style; 2.1 Use Experimental CSS Features with Browser Prefixes; 2.2 Design with Custom Fonts Using Web Fonts; 2.3 Use Google Web Fonts for Simple @font-face Implementation; 2.4 Use CSS3 Text Effects to Make Your Text Not Suck; 2.5 Make Elements Appear Transparent Without Altering the Opacity; 2.6 Use Media Queries to Build Responsive Design; 2.7 Make Your Web App Respond to Device Orientation Changes; 2.8 Take Full Control of Your DOM with Pseudoclasses; 2.9 Hack Up Your Sprite and Put Your Images Inline with Image Data URIs; 2.10 Build Gradients the Easy Way; 2.11 Make Borders Interesting Again, with Border Treatments; 2.12 Set Multiple Background Images to the Same Element; 2.13 Free Your Page Elements from Their Traditional Space with CSS3 Transforms 2D transforms; 2.14 Turn Transforms into Animations with CSS3 Transitions; 2.15 Make iOS-Style Card Flips with CSS Transforms and Transitions; 2.16 Use Respond.js to Polyfill CSS3 Media Queries in IE; 2.17 Control Mobile Layout with the viewport Tag; Chapter 3: Multimedia Hacking; 3.1 Embed Video Directly in Your Application with HTML5 Video multimedia video embedding video embedding; 3.2 Choose the Right Codecs for Your Video Files; 3.3 Create Custom Video Controls with Video APIs; 3.4 Replace the Background of Your HTML5 Video with the
