CSS3 Training

Also part of our Mobile Web Design Training Package

Our comprehensive 1-day CSS3 Training Course provides an introduction to CSS3, including current and planned browser support. The CSS3 Training course has plenty of practical exercises and examples to enable you to implement the exciting new features in CSS3

Book HTML5 Training and CSS3 Training together for a total of just £495 + vat (A saving of £155!)

Why is CSS3 Important?

Along with HTML5 - CSS3 forms part of the latest web standards for developing responsive web content for both desktop and mobile web sites and apps.

CSS3 allows developers to design more flexible and dynamic stylesheets, that can respond to a user's device, screen size and orientation, and also the user's behaviour.

CSS3 can be used to add effects to page elements, and even to skew, re-size, rotate and transform page elements without the use of animation software like Flash.

We also provide private and in-company CSS3 courses. Call +44 (0) 1273 622272 to discuss.

CSS3 Training Course Objectives

Upon completion of the CSS3 training course, you will have:

• An understanding of the CSS3 specification.
• Knowledge of current browser support for CSS3.
• Practical knowledge of how to implement new CSS3 features.
• Providing alternatives for unsupported features in various browsers.

CSS3 Training Course Prerequisites

We strongly recommend booking this workshop in conjunction with our HTML5 course - book together for just £495 + vat - a saving of £155

To get the most out of the CSS3 training course, you should be familiar with HTML (or book onto our HTML Training course) & CSS (or book onto our CSS Training course) and have used JavaScript (although not necessarily have programmed with it).

Read More About CSS3 on our Blog

• Top 5 Features in CSS3
• What is Responsive Web Design?

Read the full CSS3 Course Outline

CSS3 Course Content

Introduction

• Overview of the CSS3 specification
• CSS Profiles
• The document tree

Selectors

• New CSS3 selectors

Borders

• Rounded corners
• Drop shadows
• Gradient borders
• Using images for borders

Backgrounds

• Resizing backgrounds
• Multiple background images on one element

Text effects

• Adding shadows to text

Colours and Opacity

• RGBA and HSL values and alpha channel opacity
• Setting opacity

User-interface

• Box-sizing

Web fonts with @font-face

• Adding any font to your page

Transitions and 2-D transforms

• Using transitions
• Using transforms

Media queries

• Styling according to media capabilities
• Creating a mobile phone style sheet using media queries
• Responsive web design: designing for multiple devices

Multi-column layout

• Browser support
• Checking support
• Providing alternatives
• Enriching the experience layer

What you can do now

• Applications and online examples
• Using CSS3 with JavaScript and HTML5
• Online resources

CSS3 Training Recommended Reading

HTML5 and CSS3: Develop with Tomorrow's Standards Today