Short video - Media queries en CSS (responsive design)

29 Sept 2022 · 1 min

Watch on YouTube

0:41

In this French‑language short, the speaker reflects on the evolution of web design. He describes how, a few years ago, developers built sites assuming they would be viewed on large desktop monitors, which encouraged elaborate, artistic layouts built with HTML tables, floating or positioned divs, and rich background images. He notes that such fixed, desktop‑centric designs are no longer sufficient because users now access the web on a variety of devices—smartphones, tablets, Smart TVs, and more. This shift sets the stage for the need to adopt responsive design techniques, such as CSS media queries, to ensure content adapts to different screen sizes.

Chapters

Il y a quelques années, quand un développeur créait un site web, il savait d'avance que celui-ci sera consulté sur l'écran d'un ordinateur. Un écran aussi large le persuadait d'être plus créatif et présentait ainsi le contenu d'une manière de plus en plus originale. On trouvait alors des pages constituées d'un entrelacement fabuleux d'images et d'arrière-plans, et des fois même un petit contenu texte au milieu d'une page digne d'une aquarelle. La plupart de ces pages étaient créées à l'aide de tableaux HTML ou de divs flottantes ou positionnées. En ce moment, pour consulter une page web, un large écran d'un ordinateur ne fait plus l'unanimité, car d'autres supports ont gagné du terrain comme les smartphones, les tablettes, les Smart TV, etc.