book

CSS3 Solutions: Essential Techniques for CSS3 Developers

Name: CSS3 Solutions: Essential Techniques for CSS3 Developers
ISBN: 9781430243359

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

Title
Dedication
Contents at a Glance
Contents
About the Authors
About the Technical Reviewer
About the Cover Image Designer
Acknowledgments
Introduction
Chapter 1: CSS Basics
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

Chapter 2: CSS Selectors
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
Chapter 3: Fonts, Text, and Color
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
Chapter 4: CSS Typography
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
Chapter 5: Tables and Lists
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
Chapter 6: CSS Box Model
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
Chapter 7: CSS Positioning and Layouts
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
Chapter 8: Multidevice Development
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
Chapter 9: Transitions and Transformations
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
Chapter 10: Multimedia and Accessibility
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
Chapter 11: UX Patterns
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
Chapter 12: Mobile UX Patterns
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
Index

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.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

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

Publisher Resources

ISBN: 9781430243359Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills