2 days
Training Overview
This course will expose students to new features in CSS3. Students will learn to leverage
the power and efficiency of this most recent version of CSS, learning how to use new selectors
and pseudo elements; new font, color, and layout techniques; transforms, transitions, and
animations; media queries for presenting on mobile devices; and more
Audience
Web designers and developers already familiar with cascading style sheets.
Prerequisites
Experience in HTML and advanced level of CCS.
Training Outline
-
The Power of CSS
- Doing More with Less
- A First Example
- Challenges
- Next Up
-
Introducting CSS3
- What is CSS3?
- The History of CSS
- Browser Support
- HTML5
-
Selectors and Pseudo Classes
- Attribute Selectors
- The Target Pseudo-Class
- UI Element States Pseudo-Classes
- Negation Pseudo-Class
- Structural Pseudo-Classes
-
Fonts and Text Effects
- Fonts on the Web
- Font Services
- The @font-face Rule
- Text Shadow
- Word Wrapping
-
Colors, Gradients, Background Images, and Masks
- Color
- The Opacity Property
- Backgrounds
- background-origin, and background-size
-
Borders and Box Effects
- Image Borders
- Rounded Corners
- Box Shadow
-
Transitions, Transforms, and
- Transitions and Transforms
- Transitions
-
Layout: Columns and Flexible Box
- Layout: Columns and Flexible Box
- Flexible Box Model
-
Vendor Prefixes
- What are Vendor Prefixes?
- Maybe They Ain’t So Bad
- Strategies
-
Embedding Media
- Video Formats
- Styling Video
-
Accessibility Features
- Web Accessibility
- The CSS3 Speech Module
-
Media Queries
- Targeting Widths and Devices with CSS3 Media Queries
- Responsive Images and the Viewport Metatag
-
Implementing CSS3 in the “Real World”
- Stuff That Ain't (Strictly) CSS, but Sure Is Useful
- jQuery
- HTML5
- Modernizr
- Preprocessors
