Subscribe to Newsletter

Print

CSS3 Jumpstart Training Course

Overview

CSS3 covers the new features in Level 3 of the W3C CSS specification, from currently well-supported visual effects to the most cutting-edge animation techniques.

Objectives

At the end of CSS3 Jumpstart training course, participants will learn how to implement the newest CSS3 techniques in their web applications, and gain an understanding of the browser support in different modules.

Suggested Audience - It is intended for developers who are already familiar with CSS.

Duration - 1 Day

Prerequisites - Attendees should be somewhat familiar with HTML, CSS, and JavaScript. Prior exposure to XML and Ajax is helpful, but not required.

Syllabus

1. Overview of CSS3 New Features
  • Image free Visual Effects
  • Box transformations
  • Unique Fonts
  • Powerful Selectors
  • Transitions and Animations
  • Multiple Column Layouts
2. Improving Efficiency using Pseudo Classes
  • New structural Pseudo-classes
  • Changing background color
  • Adding pure CSS3 animation
3. CSS3 Graphics Effects
  • Rounding the Corners
  • Semitransparent Backgrounds
  • Image-free Gradients
  • Image-free Drop Shadows
  • Image-free Text Shadows
4. Layout Improvements
  • Media Queries
  • Changing the Layout for Large Screens
  • Changing the Layout for Small Screens
  • Changing the Layout for Mobile Devices
  • Creating Multicolumn Layouts
  • Working with equal height columns
  • Vertical and Horizontal centering of Columns