This CSS3 for Web Designers and Developers training class is intended for web designers and developers already familiar with cascading style sheets. 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.
Cost: Price on application
Duration: 2 days
This course is not available as part of our public schedule but can be provided on a customised client specific basis.
Learn new selectors, pseudo class, and pseudo elements to style elements.
Learn font and text effects, including @font-face.
Learn new gradient, mask, and background image techniques.
Learn how to implement animations, transitions, and 2D and 3D transforms.
Learn how to use media queries to render content appropriately for mobile and tablet devices.
Learn about vendor-specific prefixes and browser support for various CSS3 techniques.
The Power of CSS :
Doing More with Less
A First Example
Introducing CSS3 :
What is CSS3?
The History of CSS
Selectors and Pseudo Classes :
The Target Pseudo-Class
UI Element States Pseudo-Classes
Fonts and Text Effects:
Fonts on the Web
The @font-face Rule
Colors, Gradients, Background Images, and Masks :
The Opacity Property
background-origin, and background-size
Borders and Box Effects :
Transitions, Transforms, and Animations :
Transitions and Transforms
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
Accessibility Features :
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
Frameworks and Grid Systems