Over

155,000

Africa & Middle East

7Days
10.00 A.M - 10.00 P.M

Call us

CSS3 for Web Designers and Developers

Course Objectives

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.

Course Outline

The Power of CSS
Doing More with Less
A First Example
Challenges
Next Up
Introducing 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 Animations
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
Frameworks and Grid Systems
Going Forward/Additional Resources
What’s Next?
Online Resources
Get Involved

APPLY TO COURSE