HTML5 Advertising [electronic resource] /
Percival, John.author.
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.
Title Page; Copyright Page; Dedication Page; Contents at a Glance; Table of Contents; Foreword; About the Author; About the Technical Reviewer; Acknowledgments; Introduction; CHAPTER 1 The Campaign Process; Digital Strategy; Media Buying; Publisher Web Sites; Web Portals; Ad Networks; Video Players; The Media Buyer; Publisher Inventory; CPM and Roadblocks; Real-Time Bidding; Publisher Specs; Ad Sizes; Responsive Design; IAB; IAB Guidelines for Specs and Sizes; Creative; Creative Development and Design; Brand Time vs. Direct Response; Storytelling; Creative LCD; Ad Serving; Tracking
Third-Party TrackingOptimization; Tags; Quality Assurance; Campaign Launch; Analytics and Reporting; Payment; Targeting Audiences-a Smarter Future; Privacy; Cookies; Publisher-Passed Data; PII; What's Next for Privacy?; Terminology Review; Summary; CHAPTER 2 Evolution of Advertising Technology; Early Web and HTML; Advertising with HTML; Pop-up Ads and Subsequent Evolution; Rich Media; Tracking and Measurement; Flash; Flash Player Ubiquity; Flash Player Video; Advertising with Flash; HTML5; Why HTML5?; HTML5 Adoption; HTML5 Video; HTML5 vs. Flash on Mobile; Evolving Advertising on Mobile
Transition to HTML5IAB Enhancements and SDK Providers; Development Tools; HTML5 Business; Apple; iAD; Google; AdMob; Adobe; Apps for Developers; Mozilla; Microsoft; Sencha; RIM; Opera; Others; What's Next?; Terminology Review; Summary; CHAPTER 3 Advertising with Web Standards; HTML5 Advertising; Using ; New Ad Container Options:  and ; Data Attribute; HTML5 Considerations; Safe iFrames; Advertising with CSS3; At-Rules; Vendor Prefixes; Media Queries; Selectors; Pseudo Classes; Pseudo Elements; CSS Preprocessors; SASS; LESS; HAML; Advertising with JavaScript; Minify; Async
DeferrequestAnimationFrame; XML; JSON; JavaScript Libraries; jQuery; JavaScript Compilers; Polyfills; Browser Extensions; Debugging; Advertising Best Practices; Borders; Tracking; Click Tags; File Size; Asset Delivery; Element Names; Same In-Same Out Rule; Mobile; Images vs. Icons; Site Events; Define Your Reach; Summary; CHAPTER 4 Using Canvas, SVG, and Web Fonts; Canvas; Illustrator to Canvas; Flash to Canvas; CreateJS; EaselJS; Other JavaScript Libraries; KinectJS; ProcessingJS; Canvas Examples; Lines; Shapes; Gradients; Images; Events; Saving; Animations; Advanced Canvas
Canvas Browser SupportAnimated Gifs; Canvas in Advertising; SVG; RaphaëlJS; SMIL; Canvas and SVG; SVG in Advertising; Web Fonts; WOFF; TrueType Fonts; Embedded OpenType; Using SVG with Fonts; Font Squirrel; Web Font Licensing; Web Fonts in Advertising; Summary; CHAPTER 5 Animations and Presentations; Browser Support; CSS3 Animations; Vendor Prefixes; Going Prefixless; JavaScript Animation vs. CSS3 Animation; requestAnimationFrame, setInterval, and setTimeout?; CSS3 vs. Flash; CSS3 Presentations and Style; Box Shadows; Multiple Backgrounds; Text Shadows; Border Radius; Gradients; Transitions
CSS3 Transforms
Includes index.
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.
Computer programming.
Software engineering.
Web Development.
Software Engineering/Programming and Operating Systems.
Computer science.