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 .
Trainers
Private or personalized training
Do you have several employees interested in the same training course? Whether in person at your offices or remotely in virtual mode, we offer private training courses tailored to your team's needs. Group rates are available. Contact us for more details or request a quote online.
Request a quote