In CSS3 First Look, staff author James Williamson provides an in-depth introduction to the newest CSS standard, detailing its modular format, history, and current level of browser support, while also demonstrating its capabilities and applications. The course includes tutorials on using new selectors, modifying typography and color, working with the box model, and understanding media queries. Exercise files accompany the course.
Topics include:
- Understanding the history of CSS3
- Working with the new selectors
- Adding transparency and gradients
- Specifying web fonts with @font-face
- Understanding the advances to page layout
- Looking at CSS3 box model capabilities
- Using 2D and 3D transforms
- Understanding media queries
Table of content
- Introduction
- Welcome
- Using the exercise files
- Introducing CSS3
- What is CSS3?
- The current status of CSS3
- An overview of CSS3 capabilities
- Can you use CSS3 now?
- Detecting support for CSS3
- Understanding vendor prefixes
- CSS3 Selectors
- An overview of child and sibling selectors
- Using child and sibling selectors
- An overview of attribute selectors
- Using attribute selectors
- Pseudo-class UI selectors
- Negation pseudo-class selectors
- Target pseudo-class selectors
- Structural selectors
- Nth-child selector syntax
- First, last, and only structural selectors
- Using structural selectors to write more efficient code
- Working with Color in CSS3
- Color formats in CSS3
- Transparency in CSS3
- CSS3 gradients
- Creating linear gradients
- Creating radial gradients
- CSS3 Typography
- Working with web fonts
- @font-face syntax
- Downloading sample fonts
- Writing @font-face declarations
- Using web fonts
- Using text shadows
- Creating multi-column text
- CSS3 and Page Layout
- An overview of the flexible box model
- Controlling box orientation
- Setting element flexibility
- Distributing boxes
- Controlling box alignment
- Working with box-sizing
- The CSS3 Box Model
- Using border-radius
- Creating custom rounded corners
- Understanding border images
- Using border images
- Creating box shadows
- CSS3 backgrounds
- Controlling background size
- Creating multiple background images
- Using background-origin
- Clipping background content
- CSS3 Transitions and Transforms
- An overview of CSS3 2D transforms
- Using 2D transforms
- Setting transform origins
- An overview of CSS3 transitions
- Animating CSS properties
- Using easing in animations
- An overview of 3D transforms
- Media Queries
- Understanding media queries
- Strategies for targeting multiple devices
- Writing styles for target screen sizes
- Deploying styles through media queries
- Basing media queries on page orientation
- Targeting media queries for iOS devices
- Conclusion
- Goodbye
Rapidgator.net
Uploadable.ch
No comments:
Post a Comment