CSS3 for Web Designers and Developers
Private Training

Course Summary

C++, based on the C programming language, is an Object-Oriented Programming (OOP) language. Unlike C, C++ is built on the concept of “objects” instead of using data and actions on data as the basis for the program’s logic. Using OOP, related data and routines are grouped into an object that then relates to other objects in the program. These objects can represent all of the parts and functions of a real entity or an abstract idea. C++ is a powerful language that is inherently useful for large-scale projects.

In this hands-on course, students will design and write programs in the C++ language. Emphasis is placed on object-oriented techniques, such as inheritance and function overloading to implement polymorphism. The class ends with an introduction to the Standard Template Library (STL).

Audience
Web designers and developers already familiar with cascading style sheets.
Course Length
2 Days
Prerequisites
Experience in HTML and advanced level of CCS.

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.

Detailed Outline

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