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
Sprache
Verlagsort
Zielgruppe
Produkt-Hinweis
Broschur/Paperback
Klebebindung
Maße
Höhe: 228 mm
Breite: 151 mm
Dicke: 30 mm
Gewicht
ISBN-13
978-1-4493-3499-4 (9781449334994)
Schweitzer Klassifikation
Jesse is a technologist with 12 years of experience in developing web applications. He has a Art degree from Rice University, and an M.A. in Curriculum and Instruction from the University of Texas at San Antonio. He has worked with enterprise Fortune 200 clients, mid to small business owners, and entertainment clients such as Jackson Browne, CSNY, and Angie Ruiz. His positions have ranged from UI designer, high school programming teacher, interactive web developer, web architect, and technical manager. His favorite programming language will always be JavaScript. His current focuses are on building high performing applications for the mobile web, hacking real time Node.js applications, building Ruby gems, and teaching Single Page Application architecture. He lives in Boerne, TX with his beautiful wife (Amy), son (Carter), and daughter (Lindley). When his eyes tire, Jesse loves to pick bluegrass instruments. Jeff Burtoft is a Front-end Developer and has been in the Web Development community for over 15 years. He has a B.A. in Rhetorical Studies from Duquesne University and a certification in Latin American Business from Inter-American University in San Juan Puerto Rico. Jeff's work experience varies with positions like "web master" of a start-up company, to multimedia consultant for the department of defence. Throughout the years, Jeff's first love has been the web: html, JavaScript, CSS, and now HTML5. Jeff currently works as a Lead Front-end Developer for USAA, an insurance/banking/investment company in San Antonio, TX. Jeff is also a blogger at HTML5Hacks.com and has personally released several Hybrid Mobile Applications into some of the popular mobile app markets. He lives in San Antonio with his wife and three children. In his free time, Jeff enjoys writing Mobile Apps and getting beat by a 5 year old on video games.
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
