book

CSS3 Solutions: Essential Techniques for CSS3 Developers

by Marco Casario, Nathalie Wormser, Dan Saltzman, Anselm Bradford, Jonathan Reid, Francesco Improta, Aaron Congleton

August 2012

Intermediate to advanced

316 pages

8h 15m

English

friends of ED

Read now

Unlock full access

CSS3 ModulesSolution 1-1: Discovering CSS3 compatibilities across browsersSolution 1-2: Adding a CSS3 file with JavaScriptSolutions 1-3: Declaring multiple backgrounds for your web pageSolution 1-4: Controlling the image aspect ratioSolution 1-5: Resetting CSS3 default valuesSummary

Differences compared to CSS2 selectorsSolution 2-1: Highlighting selected textSolution 2-2: Enhancing the readability of tabular dataSolution 2-3: Toggling form elementsSolution 2-4: Preventing content from being selectableSolution 2-5: Hiding empty elements within a pageSolution 2-6: Using the sibling combinatorSolution 2-7: Putting an icon image next to linksSummary
Solution 3-1: Using @font-faceSolution 3-2: Using fallback fontsSolution 3-3: Using advanced text effects with text-shadowSolution 3-4: Forcing text to wrapSolution 3-5: Creating elegant text overflowSolution 3-6: Using color RGBaSolution 3-8: Optimizing text legibility with text-renderingSummary
Solution 4-1: Handling hyphenation of textSolution 4-2: Creating drop capsSolution 4-3: Creating hanging punctuationSolution 4-4: Creating a typographic hierarchySolution 4-5: Creating multicolumn text blocksSummary
Solution 5-1: Zebra-striping table rowsSolution 5-2: Creating a styled pricing tableSolution 5-3: Making tables responsiveSolution 5-4: Creating a practical table with rounded cornersSolution 5-5: Creating a drop-down menu with listsSolution 5-6: Using @counter-style for custom listsSolution 5-7: Using a flexible lists markerSummary
Solution 6-1: Setting background color and opacitySolution 6-2: Creating background gradientsSolution 6-3: Setting background sizeSolution 6-4: Creating multiple backgroundsSolution 6-5: Creating border outlinesSolution 6-6: Creating rounded cornersSolution 6-7: Creating image bordersSolution 6-8: Creating drop shadowsSolution 6-9: Creating resizable boxesSummary
Solution 7-1: Changing the display propertySolution 7-2: Using CSS positioningSolution 7-3: Floating elements with CSSSolution 7-4: Clearing floatsSolution 7-5: Using a CSS resetSummary
Solution 8-1: Defining different style sheets to target different devices with media queriesSolution 8-2: Adapting a layout for different screen sizes with CSS3Solution 8-3: Handling layout orientation on mobile devices with CSS3Solution 8-4: Defining style rules for high-density pixel screensSolution 8-5: Styling a document for printing devices with CSS3Summary
Solution 9-1: Applying simple 2D transformations on HTML elements with CSS3Solution 9-2: Using matrix 2D transformations in CSS3Solution 9-3: Making elements move with CSS3 transitionsSolution 9-4: Going further with animations in CSS3Solution 9-5: Applying 3D transformations in CSS3Summary
Solution10-1: Building a custom video playerSolution 10-2: A CSS3 music playerSolution 10-3: Improve the form accessibility with CSS3 validationSolution 10-4: An unobtrusive skip navigation linkSummary
Rules of thumbSolution 11-1: Ensuring visibility of system statusSolution 11-2: Matching the system to the real worldSolution 11-3: Building in user control and freedomSolution 11-4: Establishing error preventionSolution 11-5: Promoting recognition over recallSolution 11-6: Designing for efficiency of useSolution 11-7: Helping users recognize, diagnose, and recover from errorsSolution 11-8: Help and documentationSummary
Considering mobileSolution 12-1: Scope. Cut. RepeatSolution 12-2: Design for contextSolution 12-3: Craft the right approachSolution 12-4: Respond to the target viewSolution 12-5: Go mobile firstSummary

Overview

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.

What you'll learn

Real-world solutions for everyday CSS3 development, saving hours of frustration. Problems covered include:

Developing across multiple devices

Design patterns for user experience and mobile

Working with the CSS box model

Who this book is for

Web developers and designers seeking practical advice on making CSS3 work.

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Start your free trial

Stunning CSS3: A Project-Based Guide to the Latest in CSS

Publisher Resources

ISBN: 9781430243359Purchase book

CSS3 Solutions: Essential Techniques for CSS3 Developers

by Marco Casario, Nathalie Wormser, Dan Saltzman, Anselm Bradford, Jonathan Reid, Francesco Improta, Aaron Congleton

Overview

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

You might also like

Stunning CSS3: A Project-Based Guide to the Latest in CSS

Professional CSS3

CSS3 Quick Syntax Reference: A Pocket Guide to the Cascading Style Sheets Language

HTML5 and CSS3: Building Responsive Websites

Publisher Resources

Overview

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,and much more.

You might also like

Stunning CSS3: A Project-Based Guide to the Latest in CSS

Professional CSS3

CSS3 Quick Syntax Reference: A Pocket Guide to the Cascading Style Sheets Language

HTML5 and CSS3: Building Responsive Websites

Publisher Resources

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.