If you're a web designer or app developer interested in sophisticated page styling, improved accessibility, and less time and effort expended, this book is for you. This revised fifth edition provides a comprehensive guide to CSS implementation along with a thorough review of the latest CSS specifications. Authors Eric Meyer and Estelle Weyl show you how to improve user experience, speed development, avoid potential bugs, and add life and depth to your applications through layout, transitions and animations, borders, backgrounds, text properties, and many other tools and techniques. We read the specs so you don't have to! This guide covers: Selectors, specificity, and the cascade, including information on the new cascade layers New and old CSS values and units, including CSS variables and ways to size based on viewports Details on font technology and ways to use any available font variants Text styling, from basic decoration to changing the entire writing mode Padding, borders, outlines, and margins, now discussed in terms of the new block- and inline-direction layout paradigm used by modern browsers Colors, backgrounds, and gradients, including the conic gradients Accessible data tables Flexible box and grid layout systems, including new subgrid capabilities 2D and 3D transforms, transitions, and animation Filters, blending, clipping, and masking Media, feature, and container queries

HTML5 and CSS3 for the Real World is your perfect introduction to the latest generation of web technologies. This easy-to-follow guide covers everything you need to know to get started today. You'll master the semantic markup available in HTML5, as well as how to use CSS3 to create amazing-looking websites without resorting to complex workarounds. You'll learn how to: Lose that pesky Flash habit by embracing native HTML5 video Set type that truly supports your message Build intelligent web forms that users will love! Design modern web apps the shine on mobile devices Create dynamic, efficient graphics on the fly with SVG and canvas Use shiny new APIs to add geolocation and offline functionality Build your own full featured HTML5 website, the HTML5 Herald This easy-to-follow guide is illustrated with lots of examples, and leads readers through the process of creating great websites from start to finish using HTML5 and CSS3.

Add life and depth to your web applications and improve user experience through the discrete use of CSS transitions and animations. With this concise guide, you'll learn how to make page elements move or change in appearance, whether you want to realistically bounce a ball, gradually expand a drop-down menu, or simply bring attention to an element when users hover over it. Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Transitions and Animations in CSS, you'll receive a discount on the entire Definitive Guide once it's released. Why wait? Learn how to make your web pages come alive today. Understand and learn how to implement Disney's 12 principles of cartoon animation Learn which CSS properties you can animate and use in transitions Apply CSS's four transition properties and nine animation properties to your CSS elements Use CSS keyframe animations to granularly control an element's property values Learn details that will save you hours of debugging and megabytes of unnecessary JavaScript

Build kickass websites and applications for all mobile (and non-mobile) platforms by adding HTML5 and CSS3 to your web development toolkit. With this hands-on book, you'll learn how to develop web apps that not only work on iOS, Android, Blackberry, and Windows Phone, but also perform well and provide good user experience. With lots of code and markup examples, you'll learn best practices for using HTML5 features, including new web forms, SVG, Canvas, localStorage, and related APIs. You'll also get an in-depth look at CSS3, and discover how to design apps for large monitors and tiny screens alike. Learn HTML5's elements, syntax, and semantics Build forms that provide enhanced usability with less JavaScript Explore HTML5 media APIs for graphics, video, and audio Enable your applications to work offline, using AppCache, localStorage, and other APIs Learn what you need to know about CSS3 selectors and syntax Dive into CSS3 features such as multiple backgrounds, gradients, border-images, transitions, transforms, and animations Make your web applications usable, responsive, and accessible. Design for performance, user experience, and reliability on all platforms