CSS3 Solutions by Casario, Marco -- Read -- Imperial Library of Trantor

Index

Cover Title Copyright 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 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 tips

Solutions 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 elements

What'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 How to build it Expert tips

Solution 3-2: Using fallback fonts

What's involved Browser support How to build it

Solution 3-3: Using advanced text effects with text-shadow

What's involved Browser support How to build it Expert tips

Solution 3-4: Forcing text to wrap

What's involved Browser support How to build it Expert tips

Solution 3-5: Creating elegant text overflow

What's involved Syntax Browser support How to build it

Solution 3-6: Using color RGBa

What's involved Browser support How to build it Expert tip What's involved HSL model representation HSL example Browser support How to build it Expert tips

Summary

Chapter 4: CSS Typography

Solution 4-1: Handling hyphenation of text

What's involved How to build it Expert tips

Solution 4-2: Creating drop caps

What's involved How to build it

Solution 4-3: Creating hanging punctuation

What's involved How to build it Expert tips

Solution 4-4: Creating a typographic hierarchy

What's involved How to build it Expert tips

Solution 4-5: Creating multicolumn text blocks

What's involved How to build it Expert tips

Summary

Chapter 5: Tables and Lists

Solution 5-1: Zebra-striping table rows

What's involved Browser support How to build it Expert tip

Solution 5-2: Creating a styled pricing table

What's involved How to build it Expert tip

Solution 5-3: Making tables responsive

What's involved Browser support How to build it Expert tip

Solution 5-4: Creating a practical table with rounded corners

What's involved Browser support How to build it Expert tip

Solution 5-5: Creating a drop-down menu with lists

What's involved Browser support How to build it Expert tip

Solution 5-6: Using @counter-style for custom lists

What's involved How to build it Expert tips

Solution 5-7: Using a flexible lists marker

What's involved How to build it Expert tips

Summary

Chapter 6: CSS Box Model

Solution 6-1: Setting background color and opacity

What's involved How to build it Expert tips

Solution 6-2: Creating background gradients

What's involved How to build it Expert tips

Solution 6-3: Setting background size

What's involved How to build it Expert tips

Solution 6-4: Creating multiple backgrounds

What's involved How to build it Expert tips

Solution 6-5: Creating border outlines

What's involved How to build it Expert tips

Solution 6-6: Creating rounded corners

What's involved How to build it

Solution 6-7: Creating image borders

What's involved How to build it Expert tips

Solution 6-8: Creating drop shadows

What's involved How to build it Expert tips

Solution 6-9: Creating resizable boxes

What's involved How to build it Expert tips

Summary

Chapter 7: CSS Positioning and Layouts

Solution 7-1: Changing the display property

What's involved How to build it Expert tips

Solution 7-2: Using CSS positioning

What's involved How to build it Expert tips

Solution 7-3: Floating elements with CSS

What's involved How to build it Expert tips

Solution 7-4: Clearing floats

What's involved How to build it Expert tips

Solution 7-5: Using a CSS reset

What's involved How to build it Expert tips

Summary

Chapter 8: Multidevice Development

Solution 8-1: Defining different style sheets to target different devices with media queries

What's involved How it works Expert tips

Solution 8-2: Adapting a layout for different screen sizes with CSS3

What's involved How it works Expert tips

Solution 8-3: Handling layout orientation on mobile devices with CSS3

What's involved How it works Expert tips

Solution 8-4: Defining style rules for high-density pixel screens

What's involved Device pixel and CSS pixel How it works Expert tips

Solution 8-5: Styling a document for printing devices with CSS3

What's involved What to print How does it works Expert tips

Summary

Chapter 9: Transitions and Transformations

Solution 9-1: Applying simple 2D transformations on HTML elements with CSS3

What's involved How it works Expert tips

Solution 9-2: Using matrix 2D transformations in CSS3

What's involved How it works Expert tips

Solution 9-3: Making elements move with CSS3 transitions

What's involved How it works Expert tips

Solution 9-4: Going further with animations in CSS3

What's involved How it works Expert tips

Solution 9-5: Applying 3D transformations in CSS3

What's involved How it works Expert tips

Summary

Chapter 10: Multimedia and Accessibility

Solution10-1: Building a custom video player

What's involved Browser support How it works Expert tip

Solution 10-2: A CSS3 music player

What's involved How it works

Solution 10-3: Improve the form accessibility with CSS3 validation

What's involved Browser support How it works

Solution 10-4: An unobtrusive skip navigation link

What's involved How it works

Summary

Chapter 11: UX Patterns

Rules of thumb Solution 11-1: Ensuring visibility of system status

What's involved How to build it Expert tips

Solution 11-2: Matching the system to the real world

What's involved How to build it Expert tips

Solution 11-3: Building in user control and freedom

What's involved How to build it Expert tips

Solution 11-4: Establishing error prevention

What's involved How to build it Expert tips

Solution 11-6: Designing for efficiency of use

What's involved How to build it Expert tips

Solution 11-7: Helping users recognize, diagnose, and recover from errors

What's involved How to build it Expert tips

Solution 11-8: Help and documentation

What's involved How to build it Expert tips

Summary

Chapter 12: Mobile UX Patterns

Considering mobile Solution 12-1: Scope. Cut. Repeat

What's involved How to build it Expert tips

Solution 12-2: Design for context

What's involved How to build it Expert tips

Solution 12-3: Craft the right approach

What's involved How to build it Expert tips

Solution 12-4: Respond to the target view

What's involved How to build it Expert tips

Solution 12-5: Go mobile first

What's involved How to build it Expert tips

Summary

Index

← Prev
Back
Next →

← Prev
Back
Next →