Duration
2 days (10:00 AM - 5:00 PM Eastern)
Cost
$650.00
Online Schedule
  • Apr 9 - Apr 10
  • May 4 - May 5
  • Jun 15 - Jun 16
  • Jul 16 - Jul 17
  • Aug 6 - Aug 7
  • Sep 28 - Sep 29

Details

Subjects Covered

Prerequisites

Setup Requirements

Details

Course Details

Modernizing Your CSS Skills is a training class for web developers who have used CSS but need to update their CSS skills to take advantage of the new Level 3 and Level 4 CSS modules that are widely supported by modern browsers.
 

Subjects Covered

CSS: Modernizing Your Skills

  • The Power of CSS
    • The Power of CSS
      • Doing More with Less
      • A First Example
      • Challenges
    • CSS Level 3
    • CSS Level 4
      • Image Values
      • Background and Borders
      • Browser Support
  • Selectors and Pseudo Classes
    • Selectors, Pseudo-Classes, and Pseudo-Elements
      • Attribute Selectors
      • The ::before and ::after Selectors
      • The target Pseudo-Class
      • UI Element States Pseudo-Classes
      • Negation Pseudo-Class
      • Structural Pseudo-Classes
      • Pseudo-Elements
  • Fonts and Text Effects
    • Fonts and Text Effects
      • Fonts on the Web
      • Font Services
      • The @font-face Rule
      • Text Shadow
      • Word Wrapping
  • Colors, Gradients, Background Images, and Masks
    • Colors, Gradients, Background Images, and Masks
      • Color
      • The opacity Property
      • Backgrounds
  • Borders and Box Effects
    • Borders and Box Effects
      • Image Borders
      • Rounded Corners
      • Box Shadow
  • Transitions, Transforms, and Animations
    • Transitions & Transforms
      • Transitions
  • Layout: Columns and Flexible Box
    • Columns
    • Flexible Box Layout Module
      • Examples
  • Vendor Prefixes
    • What are Vendor Prefixes?
    • Maybe They Ain’t So Bad
    • Strategies
      • Autoprefixer
  • Embedding Media
    • Embedding Media
    • Video Formats
    • Styling Video
  • Accessibility Features
    • Accessibility Features
      • Web Accessibility
      • The CSS Speech Module
  • Media Queries
    • Media Queries
      • Targeting Widths and Devices with CSS Media Queries
      • Responsive Images & the viewport Metatag
  • Sass
    • Preprocessors
  • Frameworks
    • Frameworks
    • Bootstrap
      • Setting up Bootstrap
      • Display Utility Classes
    • Foundation
      • Setting Up Foundation
    • UIkit
      • Setting Up UIkit
  • Grid Layout
    • CSS Grid Layout
    • Styling the Parent Element
    • Styling Grid Children Elements
    • Controlling Grid Line Size: Gaps
    • Grid Layout for Page Layout
    • Grid Layout and Media Queries
  • CSS Level 4 Selectors
    • CSS Level 4 Selectors
    • Logical Combinations
      • :matches()
    • Case Insensitivity
  • Going Forward/Additional Resources
    • Going Forward/Additional Resources
      • What’s Next?
      • Online Resources
      • Get Involved

Prerequisites

Before Taking this Class

Experience in HTML and an advanced level of CSS. People new to CSS should start with the CSS Introduction course.

Setup Requirements

Software/Setup For this Class

Any text editor and web browser.

Onsite Training

Do you have five (5) or more people needing this class and want us to deliver it at your location?