Book description
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.
Table of contents
- 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
-
Chapter 2: CSS Selectors
- Differences compared to CSS2 selectors
- Solution 2-1: Highlighting selected text
- Solution 2-2: Enhancing the readability of tabular data
- Solution 2-3: Toggling form elements
- Solution 2-4: Preventing content from being selectable
- Solution 2-5: Hiding empty elements within a page
- Solution 2-6: Using the sibling combinator
- Solution 2-7: Putting an icon image next to links
- Summary
-
Chapter 3: Fonts, Text, and Color
- Solution 3-1: Using @font-face
- Solution 3-2: Using fallback fonts
- Solution 3-3: Using advanced text effects with text-shadow
- Solution 3-4: Forcing text to wrap
- Solution 3-5: Creating elegant text overflow
- Solution 3-6: Using color RGBa
- Solution 3-8: Optimizing text legibility with text-rendering
- Summary
- Chapter 4: CSS Typography
-
Chapter 5: Tables and Lists
- Solution 5-1: Zebra-striping table rows
- Solution 5-2: Creating a styled pricing table
- Solution 5-3: Making tables responsive
- Solution 5-4: Creating a practical table with rounded corners
- Solution 5-5: Creating a drop-down menu with lists
- Solution 5-6: Using @counter-style for custom lists
- Solution 5-7: Using a flexible lists marker
- Summary
-
Chapter 6: CSS Box Model
- Solution 6-1: Setting background color and opacity
- Solution 6-2: Creating background gradients
- Solution 6-3: Setting background size
- Solution 6-4: Creating multiple backgrounds
- Solution 6-5: Creating border outlines
- Solution 6-6: Creating rounded corners
- Solution 6-7: Creating image borders
- Solution 6-8: Creating drop shadows
- Solution 6-9: Creating resizable boxes
- Summary
- Chapter 7: CSS Positioning and Layouts
-
Chapter 8: Multidevice Development
- Solution 8-1: Defining different style sheets to target different devices with media queries
- Solution 8-2: Adapting a layout for different screen sizes with CSS3
- Solution 8-3: Handling layout orientation on mobile devices with CSS3
- Solution 8-4: Defining style rules for high-density pixel screens
- Solution 8-5: Styling a document for printing devices with CSS3
- Summary
- Chapter 9: Transitions and Transformations
- Chapter 10: Multimedia and Accessibility
-
Chapter 11: UX Patterns
- Rules of thumb
- Solution 11-1: Ensuring visibility of system status
- Solution 11-2: Matching the system to the real world
- Solution 11-3: Building in user control and freedom
- Solution 11-4: Establishing error prevention
- Solution 11-5: Promoting recognition over recall
- Solution 11-6: Designing for efficiency of use
- Solution 11-7: Helping users recognize, diagnose, and recover from errors
- Solution 11-8: Help and documentation
- Summary
- Chapter 12: Mobile UX Patterns
- Index
Product information
- Title: CSS3 Solutions: Essential Techniques for CSS3 Developers
- Author(s):
- Release date: August 2012
- Publisher(s): friends of ED
- ISBN: 9781430243359
You might also like
book
Stunning CSS3: A Project-Based Guide to the Latest in CSS
CSS3, the latest version of the web's visual style language, is wildly popular among the industry's …
book
Professional CSS3
Harness the power of CSS3 to design stunning, modern websites About This Book Explore the CSS …
book
Pro CSS3 Layout Techniques
Discover the freshest cutting-edge layout tools found within CSS3 and hone the skills you'll need to …
book
HTML5 and CSS3: Building Responsive Websites
Design robust, powerful, and above all, modern websites across all manner of devices with ease using …