CSS3 for Web Designers and Developers

Delivery Options

Class Date and Time Price Pricing Information
$790.00 or 2 vouchers vouchers
$790.00 or 2 vouchers vouchers
$790.00 or 2 vouchers vouchers

Class Description

Class Overview

This CSS3 for Web Designers and Developers training class is intended for web designers and developers already familiar with cascading style sheets. People new to CSS should start with our Introduction to CSS and Advanced CSS courses.

This CSS3 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.

Class Goals

  • 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.

Class Outline

  1. The Power of CSS
    1. Doing More with Less
    2. A First Example
    3. Challenges
    4. Next Up
  2. Introducing CSS3
    1. What is CSS3?
    2. The History of CSS
    3. Browser Support
    4. HTML5
  3. Selectors and Pseudo Classes
    1. Attribute Selectors
    2. The Target Pseudo-Class
    3. UI Element States Pseudo-Classes
    4. Negation Pseudo-Class
    5. Structural Pseudo-Classes
  4. Fonts and Text Effects
    1. Fonts on the Web
    2. Font Services
    3. The @font-face Rule
    4. Text Shadow
    5. Word Wrapping
  5. Colors, Gradients, Background Images, and Masks
    1. Color
    2. The Opacity Property
    3. Backgrounds
    4. background-origin, and background-size
  6. Borders and Box Effects
    1. Image Borders
    2. Rounded Corners
    3. Box Shadow
  7. Transitions, Transforms, and Animations
    1. Transitions and Transforms
    2. Transitions
  8. Layout: Columns and Flexible Box
    1. Layout: Columns and Flexible Box
    2. Flexible Box Model
  9. Vendor Prefixes
    1. What Are Vendor Prefixes?
    2. Maybe They Ain't So Bad
    3. Strategies
  10. Embedding Media
    1. Video Formats
    2. Styling Video
  11. Accessibility Features
    1. Web Accessibility
    2. The CSS3 Speech Module
  12. Media Queries
    1. Targeting Widths and Devices with CSS3 Media Queries
    2. Responsive Images and the viewport Metatag
  13. Implementing CSS3 in the "Real World"
    1. Stuff That Ain't (Strictly) CSS, but Sure Is Useful
    2. jQuery
    3. HTML5
    4. Modernizr
    5. Preprocessors
    6. Frameworks and Grid Systems
  14. Going Forward/Additional Resources
    1. What's Next?
    2. Online Resources
    3. Get Involved

Why Webucator?

9.68 out of 10 based on 15 reviews.
  • Expert instructors.
  • Classes are never canceled for low enrollment.
  • 100% free re-take option.
  • We have taught more than 49,297 students at 12,955 different organizations.
5 / 5 stars

The flexibility that Webucator provides is excellent and unique;

- , Dept of Interior/BOEM

Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following areas is required:

  • HTML
  • Advanced level of CSS

Courses that can help you meet these prerequisites:

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.

Client Success
  1. Compare Us
  2. Client List
  3. Testimonials
Join The Team
  1. Learn how you can become a Webucator Trainer
  2. Career Opportunities
Locations
© Webucator, Inc. All rights reserved. |Toll Free: 1-877-932-8228Toll Free: 1-877-932-8228 |Outside the USA: 315-849-2724|Fax: 315-849-2723