This training course helps you to create responsive web pages that will adapt to all platforms (mobile, tablet, desktop, laptop) used by Internet users. Favouring an adaptive site allows you to respond to all users. The responsive design uses flexible grids and media queries to ensure a design as portable and accessible as possible.
Objectives
To provide the knowledge and skills required to construct a style sheet appropriate for specific content and which generates an outcome that can adapt to different platforms (mobile, tablet, office workstation)
Is it for you ?
Web integrators, designers and developers.
Prerequisite
Knowledge of HTML (Course WE106) and style sheets (Courses WE137). Familiarity with CSS grids is desirable.
Your benefits
Content
- Techniques for creating a flexible grid which maintains its proportions when scaled
- Inserting images and other media in a flexible manner
- New CSS measurement units (vw, vh, vmin, vmax and rem)
- Media requests for adjusting the display depending on device characteristics
- Identifying resolution breakpoints
- Using scripts adapted to older browsers that do not support media requests
- Applying the principle of continuous improvement
- Applying principles of Responsive Web Design for newsletters
- Review exercise
💡 Useful information
Our training sessions are offered in Montreal or Quebec City, in person or in virtual format. Dates and locations are provided when you select your session below. If you have any questions regarding registration, schedules, the language of instruction, or cancellation policies, please consult our FAQ .
