Les REM et la technique du 62.5%
HTML-код
- Опубликовано: 6 мар 2019
- Salut à tous,
Aujourd'hui on voit ensemble la technique du 62.5% avec l'utilisation des REMs, elle permet de rendre nos sites accessibles et permet aussi pas mal de choses comme des médias queries raccourcis.
Le code source : codepen.io/Ziratsu/pen/wOJJdj
Abonne-toi à la NewsLetter pour recevoir des tas d'infos sur le développement web :
mailchi.mp/94d9da505508/le-de...
Le cours CSS complet ici (100 places dispo) : frama.link/FormationCSSCadeau
Discord : / discord
Tu veux apprendre les technologies du web ? C'est par ici :
www.ecole-du-web.net/
Je suis aussi sur la plateforme Tuto.com :
fr.tuto.com/formateur/enzo_us...
Et sur Udemy :
www.udemy.com/user/ustariz-enzo/
Abonne-toi à ma chaîne :
/ @ecoleduweb
Suis-moi sur Twitter :
/ ledesignerduweb
Si tu veux que je fasse des vidéos sur certains sujets dis le moi!
-----------------------------------------------------------------------------------------
putain merci, j'avais bien compris l'utilité du rem par rapport au px mais il me manqué une petite subtilité, cette histoire de 62.5% c'est le truc qui me manqué merci
Concept très intéressant !
En effet je suis souvent tombé sur cette valeur et je me suis toujours demandé pourquoi 62,5%
Merci beaucoup pour l'astuce !
Tes formations sur Udemy, m'amènent ici, et c'est une bonne surprise ... j'ai enfin compris l'intérêt du rem moi qui avait une prédilection pour le px ;-)
Et oui c'est une technique intéressante à avoir dans sa boite à outils ! :)
Génial !
Très bien. Merci
Salut ! C'est qu'on grossisse ou qu'on rapetisse.
Merci a toi ! J'adore tes vidéos et tes explications. Pourrais tu faire une vidéo sur les pseudo-élément ::before et ::after
Elle est ici : ruclips.net/video/B8VFjTxYFu0/видео.html
La technique secrète de Kakashi "les 62.5% de rem !!!"
Merci pour la vidéo, si j’ai bien compris cette technique, mettre la font-size du document html, permet de convertir une valeur en rem en pixels plus facilement ?
Oui et ça permet au navigateur de prendre en compte tout ce qui réfère aux 62.5% lors de l'agrandissement / reduction d'un site à l'aide des paramètres. (pas la molette)
Merci Enzo pour cette vidéo. Une question cependant... dans quelles conditions privilégier le rem par rapport au em ou au px ?
Quand on veut rendre le site accessible comme décrit dans la vidéo, mais aussi quand on veut pouvoir modifier des grosses parties d'un site d'un coup, en changeant des éléments dans les médias queries en REM.
@@EcoleduWeb Merci
Toujours au top tes vidéos ! Pour être sur, les "rem" se réfèrent au body et les "em" se réfèrent au premier élément parent ayant une taille définie?
Les REM se référent toujours à l'élément racine HTML (attention pas au Body), et les EM tu as tout bon !✌️
@@EcoleduWeb Ok donc si j'ai bien compris les REM se réfèrent au premier parent (taille définie ou pas) ?
@@LioNTiKaF Les REM c'est toujours l'élément HTML(qu'on appelle élément "Root"), quoiqu'il arrive c'est toujours la référence.
------------------------
Et les EM tu as bon, "se réfèrent au premier élément parent ayant une taille définie", et si aucun élément parent n'a de taille défini, il prend la taille du parent de tout les parent, l'élément HTML.
@@EcoleduWeb Merci beaucoup pour cette réponse complète !! T'es au top !
Super vidéo. Une fois les font-site adaptés en rem, on doit tout adapter en rem (taille des photos, etc...)?
Oui, à part certaines choses comme les border qu'on peut laisser en px par exemple
@@EcoleduWeb Super, merci.
Merci pour ce tuto. Ma question est: pourquoi et quand le sélecteur "HTML"? Qu'est ce que ça fait ? Merci déjà.
C'est le sélecteur racine, ici il est utile car la propriété "font-size" du sélecteur HTML est la référence de l'unité REM.
strat 300 qi