Book of CSS3 : A Developer’s Guide to the Future of Web Design.

Intro -- Brief Contents -- Contents in Detail -- Preface -- Introduction -- The Scope of This Book -- Chapter by Chapter -- The Appendices and Further Resources -- Introduction to the Second Edition -- Chapter 1: Introducing CSS3 -- What CSS3 Is and How It Came to Be -- A Brief History of CSS3 -- CSS3 Is Modular -- There Is No CSS3 -- Module Status and the Recommendation Process -- Introducing the Syntax -- Vendor Prefixes -- Let's Get Started -- Chapter 2: Media Queries -- The Advantages of Media Queries -- Syntax -- Media Features -- Width and Height -- Pixel Ratio -- Device Width and Height -- Orientation -- Aspect Ratio -- Multiple Media Features -- Mobile-First Web Development -- Summary -- Media Queries: Browser Support -- Chapter 3: Selectors -- Attribute Selectors -- New Attribute Selectors in CSS3 -- Beginning Substring Attribute Value Selector -- Ending Substring Attribute Value Selector -- Arbitrary Substring Attribute Value Selector -- Multiple Attribute Selectors -- The General Sibling Combinator -- Summary -- Selectors: Browser Support -- Chapter 4: Pseudo-classes and Pseudo-elements -- Structural Pseudo-classes -- The :nth-* Pseudo-classes -- :first-of-type, :last-child, and :last-of-type -- :only-child and :only-of-type -- Other Pseudo-classes -- :target -- :empty -- :root -- :not() -- UI Element States -- Constraint Validation Pseudo-classes -- Pseudo-elements -- The ::selection Pseudo-element -- Summary -- DOM and Attribute Selectors: Browser Support -- Chapter 5: Web Fonts -- The @font-face Rule -- Defining Different Faces -- True vs. Artificial Font Faces -- A "Bulletproof" @font-face Syntax -- Using Local Fonts -- Font Formats -- The Final "Bulletproof" Syntax -- Licensing Fonts for Web Use -- A Real-World Web Fonts Example -- Controlling Font Loading -- More Font Properties -- font-size-adjust -- font-stretch.

OpenType Features -- Enabling Font Features -- Font Feature Properties -- Summary -- Web Fonts: Browser Support -- Chapter 6: Text Effects and Typographic Styles -- Understanding Axes and Coordinates -- Applying Dimensional Effects: text-shadow -- Multiple Shadows -- Restricting Overflow -- Aligning Text -- Controlling Line Wrapping -- Breaking Words -- Hyphenating Words -- Resizing Elements -- Summary -- Text Effects and Typographic Styles: Browser Support -- Chapter 7: Multiple Columns -- Column Layout Methods -- Prescriptive Columns: column-count -- Dynamic Columns: column-width -- Varying Distribution of Content Across Columns -- Combining column-count and column-width -- Column Gaps and Rules -- Containing Elements Within Columns -- Elements Spanning Multiple Columns -- Summary -- Multiple Columns: Browser Support -- Chapter 8: Background Images -- Updates to Existing Background Properties -- background-position -- background-attachment -- background-repeat -- Multiple Background Images -- Dynamically Scaled Background Images -- Background Clip and Origin -- Updated Background Shortcut -- Summary -- Background Images: Browser Support -- Chapter 9: Border and Box Effects -- Giving Your Borders Rounded Corners -- The border-radius Shorthand -- Using Percentage Values -- Using Images for Borders -- border-image-source -- border-image-slice -- border-image-width -- border-image-outset -- border-image-repeat -- The border-image Shorthand Property -- Browser Support -- Drop Shadows -- Inset Shadows -- Summary -- Border and Box Effects: Browser Support -- Chapter 10: Color and Opacity -- The opacity Property -- New and Extended Color Values -- The Alpha Channel -- Hue, Saturation, Lightness -- HSLA -- The Color Variable: currentColor -- Summary -- Color and Opacity: Browser Support -- Chapter 11: Gradients -- Linear Gradients.

Setting Gradient Direction -- Adding Extra Color-Stop Values -- Repeating Linear Gradients -- Radial Gradients -- Using Radial Gradients -- Using Multiple Color-Stop Values -- Repeating Radial Gradients -- Multiple Gradients -- Summary -- Gradients: Browser Support -- Chapter 12: 2D Transformations -- The transform Property -- rotate -- translate -- scale -- skew -- An Important Note About Transformation Functions -- Transforming Elements with Matrices -- Summary -- 2D Transformations: Browser Support -- Chapter 13: 3D Transformations -- 3D Elements in CSS -- The Transformation Functions -- Rotation Around an Axis -- Perspective -- Translation Along the Axis -- Scaling -- The Transformation Matrix -- The perspective and perspective-origin Properties -- The Transformation Origin -- The transform-style Property -- Showing or Hiding the Backface -- Summary -- 3D Transformations: Browser Support -- Chapter 14: Transitions and Animations -- Transitions -- transition-property -- transition-duration -- transition-timing-function -- transition-delay -- The transition Shorthand Property -- The Complete Transition Example -- Multiple Transitions -- Animations -- Keyframes -- animation-name -- animation-duration -- animation-timing-function -- animation-delay -- animation-iteration-count -- animation-direction -- animation-fill-mode -- animation-play-state -- The animation Shorthand -- The Complete Animations Example -- Multiple Animations -- Summary -- Transitions and Animations: Browser Support -- Chapter 15: Flexible Box Layout -- Declaring the Flexible Box Model -- Flexbox Alignment -- Reversing the Content Order -- Fully Reordering Content -- Adding Flexibility -- The flex-grow Property -- The flex-shrink Property -- The flex-basis Property -- The flex Shorthand -- Alignment Inside the Container -- Horizontal Alignment with justify-content.

Vertical Alignment with align-items -- Cross-Axis Alignment with align-self -- Wrap and Flow -- The flex-flow Shorthand -- Aligning Multiple Lines with align-content -- Browser Support and Legacy Syntaxes -- Summary -- Flexbox: Browser Support -- Chapter 16: Values and Sizing -- Relative Length Units -- Root-Relative Units -- Viewport-Relative Units -- Calculated Values -- Sizing Elements -- Box Sizing -- Intrinsic and Extrinsic Sizing -- Summary -- Template Layout: Browser Support -- Chapter 17: Grid Layout -- Grid Terminology -- Declaring and Defining the Grid -- Creating Explicit Grids by Setting Track Size -- Placing Items in an Explicit Grid -- Grid Placement Shorthand Properties -- Repeating Grid Lines -- Named Grid Areas -- The grid-template Shorthand -- Implicit Grids -- Grid Items Without a Declared Place -- Combining Explicit and Implicit Grids -- The grid Shorthand -- Grid Item Stacking Order -- Internet Explorer's Grid Layout Syntax -- Summary -- Grid Layout: Browser Support -- Chapter 18: Blend Modes, Filter Effects, and Masking -- Blend Modes -- background-blend-mode -- mix-blend-mode -- isolation -- Filter Effects -- blur() -- brightness() and contrast() -- grayscale(), sepia(), and saturate() -- hue-rotate() -- opacity() -- drop-shadow() -- Multiple Filter Effect Functions -- Filters in SVG -- Masking -- Clipping -- Image Masking -- Border Masking -- Masking in SVG -- Combining Filter Effects and Masking -- Summary -- Blend Modes, Filter Effects, and Masking: Browser Support -- Chapter 19: The Future of CSS -- Shapes -- Exclusions -- Regions -- Variables -- Feature Queries -- Device Adaptation -- Sticky Positioning -- And Much, Much More -- Conclusion -- Future CSS: Browser Support -- Appendix A: CSS3 Support in Current Major Browsers -- Media Queries (Chapter 2) -- Selectors (Chapter 3) -- DOM and Attribute Selectors (Chapter 4).

Web Fonts (Chapter 5) -- Text Effects and Typographic Styles (Chapter 6) -- Multiple Columns (Chapter 7) -- Background Images (Chapter 8) -- Border and Box Effects (Chapter 9) -- Color and Opacity (Chapter 10) -- Gradients (Chapter 11) -- 2D Transformations (Chapter 12) -- 3D Transformations (Chapter 13) -- Transitions and Animations (Chapter 14) -- Flexbox (Chapter 15) -- Values and Sizing (Chapter 16) -- Grid Layout (Chapter 17) -- Blend Modes, Filter Effects, and Masking (Chapter 18) -- Future CSS (Chapter 19) -- Appendix B: Online Resources -- General CSS Resources -- Chapter 2: Media Queries -- Chapters 3 and 4: Selectors, and Pseudo-classes and Pseudo-elements -- Chapters 5 and 6: Web Fonts, and Text Effects and Typographic Styles -- Chapter 7: Multiple Columns -- Chapters 8 and 9: Background Images, and Border and Box Effects -- Chapter 10: Color and Opacity -- Chapter 11: Gradients -- Chapters 12 and 13: 2D and 3D Transformations -- Chapter 14: Transitions and Animations -- Chapter 15: Flexible Box Layout -- Chapter 16: Values and Sizing -- Chapter 17: Grid Layout -- Chapter 18: Blend Modes, Filter Effects, and Masking -- Chapter 19: The Future of CSS -- Index -- Updates.

CSS3 is the technology behind most of the eye-catching visuals on the Web. But the docs can be dry, murky, and full of dastardly caveats for inconsistent browser implementations.This completely updated second edition of the best-selling Book of CSS3 distills the dense technical language of the CSS3 specification into plain English and shows you what CSS3 can do now, in all major browsers. You’ll find fully revised coverage of the updated syntax of gradients, grids, and flexible box layout, as well as all-new chapters on values and sizing, and graphical effects like filter effects and blend modes.With an abundance of real-world examples and a focus on the principles of good design, The Book of CSS3 will help you expand your CSS skills, as you learn how to:Style text with custom font choices, drop shadows, and other effectsCreate, position, and resize background images on the flySpice up static web pages with event-driven transitions and animationsApply 2D and 3D transformations to text and imagesUse linear and radial gradients to create smooth color transitionsTake control of layout with grids, columns, and flexible alignmentTailor a website’s appearance to every type of web-capable deviceThe companion website includes up-to-date browser compatibility charts, links to tutorials and resources, and live CSS3 examples.The Web can be an ugly place. Make it pretty with The Book of CSS3.

Description based on publisher supplied metadata and other sources.

Electronic reproduction. Ann Arbor, Michigan : ProQuest Ebook Central, 2024. Available via World Wide Web. Access may be limited to ProQuest Ebook Central affiliated libraries.