CSS3 Solutions [electronic resource] : Essential Techniques for CSS3 Developers /
Casario, Marco.author.
Wormser, Nathalie.author.
Saltzman, Dan.author.
Bradford, Anselm.author.
Reid, Jonathan.author.
Improta, Francesco.author.
Congleton, Aaron.author.
CSS3 brings a mass of changes, additions, and improvements to CSS across a range of new modules. Web designers and developers now have a whole host of new techniques up their sleeves, from working with colors and fonts accurately, to using media queries to ensure correct styling across a multitude of devices. But all of these new technologies bring more tags to learn and more avenues for things to go wrong. CSS3 Solutions provides a collection of solutions to all of the most common CSS3 problems. Every solution contains sample code that is production-ready and can be applied to any project.
Title Page; Copyright Page; Contents at a Glance; Table of Contents; About the Authors; About the Technical Reviewer; About the Cover Image Designer; Acknowledgments; Introduction; Who is this book for?; What you need; Conventions used in this book; Questions and Contacts; Chapter 1: CSS Basics; CSS3 Modules; Anatomy of a CSS3 declaration; Understanding the Box Model; Understanding CSS inheritance; Solution 1-1: Discovering CSS3 compatibilities across browsers; What's involved; How to build it; Expert tips; Solution 1-2: Adding a CSS3 file with JavaScript; What's involved; How to build it
Expert tipsSolutions 1-3: Declaring multiple backgrounds for your web page; What's involved; How to build it; Expert tips; Solution 1-4: Controlling the image aspect ratio; What's involved; How to build it; Expert tips; Solution 1-5: Resetting CSS3 default values; What's involved; How to build it; Summary; Chapter 2: CSS Selectors; Differences compared to CSS2 selectors; Pseudo-classes; Solution 2-1: Highlighting selected text; What's involved; How to build it; Expert tips; Solution 2-2: Enhancing the readability of tabular data; What's involved; How to build it; Expert tips
Solution 2-3: Toggling form elementsWhat's involved; How to build it; Expert Tips; Solution 2-4: Preventing content from being selectable; What's involved; How to build it; Expert tips; Solution 2-5: Hiding empty elements within a page; What's involved; How to build it; Expert tips; Solution 2-6: Using the sibling combinator; What's involved; How to build it; Solution 2-7: Putting an icon image next to links; What's involved; How to build it; Summary; Chapter 3: Fonts, Text, and Color; Solution 3-1: Using @font-face; What's involved; Generate your own @font-face kit; Font formats
Browser supportHow to build it; @font-face syntax; Making the font work; Multiple web fonts; Expert tips; Solution 3-2: Using fallback fonts; What's involved; x-height value; What does font-size-adjust do?; Browser support; How to build it; An example; Solution 3-3: Using advanced text effects with text-shadow; What's involved; Browser support; How to build it; Advanced effects: Letterpress typography; How to create a letterpress effect; More advanced effects; Expert tips; Solution 3-4: Forcing text to wrap; What's involved; Allowed values; Browser support; How to build it; Without word-wrap
With word-wrapExpert tips; Solution 3-5: Creating elegant text overflow; What's involved; Syntax; Browser support; How to build it; Expert tip; Solution 3-6: Using color RGBa; What's involved; Syntax; Browser support; How to build it; Expert tip; What's involved; HSL model representation; HSL example; Browser support; How to build it; Expert tips; Solution 3-8: Optimizing text legibility with text-rendering; What's involved; Kerning and ligatures; Syntax; Browser support; How to build it; Summary; Chapter 4: CSS Typography; Solution 4-1: Handling hyphenation of text; What's involved
How to build it
Includes index.
CSS3 brings a mass of changes, additions, and improvements to CSS across a range of new modules. Web designers and developers now have a whole host of new techniques up their sleeves, from working with colors and fonts accurately, to using media queries to ensure correct styling across a multitude of devices. But all of these new technologies bring more tags to learn and more avenues for things to go wrong. CSS3 Solutions provides a collection of solutions to all of the most common CSS3 problems. Every solution contains sample code that is production-ready and can be applied to any project.
Computer programming.
Software engineering.
Web Development.
Software Engineering/Programming and Operating Systems.