Build dynamic web interfaces with animations, layouts, and advanced effects
This training allows you to take advantage of all the benefits offered by CSS3. Like catching up on formatting control (similar to what print does with XSL-FO), reducing dependency on JavaScript to get special effects, accessing more powerful selectors to reduce the marks to put in HTML markup, etc.
Is it for you ?
Web designers, developers and integrators.
Prerequisites
Knowledge of HTML (Course WE106) and style sheets (Course WE137).
What You'll Walk Away With
- ✓ Create modern interfaces using advanced CSS3 visual effects
- ✓ Animate elements with transitions, transformations, and keyframes
- ✓ Build flexible layouts using flexbox and multi-column techniques
- ✓ Use advanced selectors to precisely target HTML elements
- ✓ Integrate custom fonts and enhance form styling
Training content
- Browser support
- New visual effects: rounded corners, colour and opacity, drop shadows, gradients
- Animations: transitions, keyframes
- Advanced techniques: border images, multiple background images, reflections, masks
- 2D transformations: scaling, translations, rotations, skews
- Enriched forms
- Advanced selectors: attributes, structure pseudo-classes, pseudo-elements
- Layout control: multi-column layouts, text overflow control, using flex boxes
- Downloadable fonts: @font-face, freeware fonts, font services.
See more
📌 Practical information
Our training sessions are offered in Montreal or Quebec City, in person or in a virtual classroom. Dates and locations are specified when you select your session below. If you have any questions, check out our FAQ.
