▶ WHAT EM or REM Units of MEASUREMENT are and HOW they are used in CSS ◀ (Lesson #43) 🔵
Вставка
- Опубліковано 21 жов 2024
- Hi, I'm Dorian and I'm going to teach you how to program in a simple and correct way with the official specifications, I assure you that when you finish this course and continue with the following ones you will be able to find better job opportunities or maybe do that web project you've wanted so much, but you had no idea where to start.
If you have any doubts or questions about this course or a specific exercise, I invite you to join the Discord community where more than 6 thousand people will be willing to help you in your growth.
Join the discord community! 👇
/ discord
👇If you want to learn a bit more and hang out with me stop by my Twitch and say hi 👇
TWITCH / doriandesings
Practice text:👇
mega.nz/file/D...
Advanced courses on Udemy👇
doriandesings....
Support the channel by donating via paypal. 👇
www.paypal.me/...
EXCLUSIVE BENEFITS! 👇
/ doriandesings
Repositories on Github: 👇
github.com/Dor...
My setup: 👇
www.amazon.es/...
My social networks: 👇
🖼️ Instagram - / dorian_desings
💬 Facebook - / yoaprendocondorian
🐦Twitter - / doriandesings📋
Las cosas que explicas, no las explica nadie y menos de esta manera!! Muchas gracias por los videos!!
Dorian, tengo 3 días leyendo sobre em y rem, sus diferencias y toda la cosa pero no terminaba de entender cuando usar uno u otro y con tu ejemplo me lo has hecho entender a la perfección. Mil gracias!
Increíble la calidad de explicación que tienen estos videos. Y encima son gratis.
Muchas gracias por ayudarnos Profe.
Estas lecciones son tan buenas que me las repito de vez en cuando para reforzar conocimientos, gracias Dorian!
Gracias Dorian, siempre claro, te entiendo en cada video que explicas
Nuevamente mil gracias, me estas despejando todas las dudas. Increíbles tus cursos 100% recomendables, explicas y te das a entender muy bien! Abrazo grande
Me costo digerir los conceptos de em y rem tanto que tuve que copiar el código en papel para comprenderlo a detalle y repetir tu video como 15 veces más otros videos en youtube porque no daba hasta que por fin entendí, la verdad que eres uno de los profesores más pedagógicos que existen en este mundo de la programación, sigue así :D
que dedicacion, me inspiras
tsss que buen contenido y que buena explicación sobre cuándo podemos usar uno y cuándo podemos usar otro
Mundial Mr. Dorian.. Muchas Gracias.. Saludos desde Venezuela (22/05/2021)
Come bien :v
LPM… que buenos estos videos!!! No tengo dudas que es uno de los mejores
muy bien explicado amigo muchas gracias 👍
Excelente explicación!, eres una maestro nato, gracias!
Gracias Dorian, muchas gracias por explicar al detalle
tremenda explicación! Super claro! Una pregunta, los ems también pueden aplicarse en cards y navs? Muchas gracias!
Continuando con el excelente curo de css básico de Dorian.. Muchas gracias desde Venezuela 30/01/2024
Muy buena explicación
Algo que olvidaste mencionar es que el tamaño fuente por defecto de HTML puede ser cambiado de 16px a 62.5% (62.5% de 16px es igual a 10px) que sería igual a 10px. Así cuando quieras utilizar rem, puedes pensar en ello como una base de 10 y no una de 16; 1rem serían 10px, 2rem serían 20px, etc.
Ya lo dijo que no es buena idea cambiar el tamaño de fuente de la raíz, ya que según el tamaño de la m (los usuarios ven de mejor manera cuando se tienen 16px en la raíz).
Con eso lo que haces es cambiar el font-size a 10px en lugar de mantenerlo a 16px, si haces eso y quieres mantener el estándar de 16px te tocará reasignar tamaños de fuentes a todos los elementos...
@@alanromero8018 Es lo que dice mi comentario... Y por otro lado, igual a la larga uno termina cambiando el tamaño de las fuentes. Más importante, yo uso rem con base 16.
Yo en mi etiqueta HTML siempre hago esto... html{ font-size:62.5% } y eso hace que 1 rem sea igual a 10px y es más fácil trabajarlo... Es mala práctica? O algo así
Con eso lo que haces es cambiar el font-size a 10px en lugar de mantenerlo a 16px, si haces eso y quieres mantener el estándar de 16px te tocará reasignar tamaños de fuentes a todos los elementos...
Muy bueno! Aunque tengo una duda, ¿seria mala practica trabajar con todo REM y luego en las medias queries, modificar el html{ font-size } para que todo aumente o disminuya proporcionalmente al cambio que le hiciste?
Un ejemplo: Tenes toda la pagina hecha con font-size: 16 px (especificado en el html) y trabajas absolutamente TODO en REM pero luego a la hora de hacerlo responsive, solo modificas en la media querie, el html{ font-size: 14px }...
En teoria, ahi TOODO, te deberia disminuir proporcionalmente ¿no? Pense en eso y me hizo dudar de si utilizo EM o no...
Me gustaria saber tu opinión al respecto @Dorian
Yo me pregunto lo mismo amigo, sólo bastaría con modificar el HTML en el media y ya más nada, todo se debería acomodar, yo supongo que estaría bien
ahora si me quedo bien claroo muchas gracias Dorian
Esta información vale millones...
Al fin he comprendido, gracias por todo
Muy bueno Adrian, sos un crack. Gracias!!!!
nada me falta , dorian es mi pastor
jjajajja
Jajajajajajajajaja
Excelente video. muchas gracias. 👍
Crack!!! Gracias.
Gran profesor y gran curso en Udemy 👍👍
Y si usa html, body {font-size=100%} y margin y padding medidas en rem y font-size en em.... Que opinas profe dame una opinion.
Lo de html body font size 100% es exactamente lo mismo que no poner nada, ese 100% equivale al tamaño de la fuente del navegador, que son 16px salvo que el usuario lo haya cambiado. Y lo de los rem o em, depende de la forma en la que te acostumbres a trabajar, eso que comentas tiene sus ventajas y desventajas, igual que si siempre trabajas con rem, al final es usar lo que mejor se adapte a lo que necesitas 🤷
Todo muy claro, gracias Dorian/
Molt clar! gràcies
Alguien me podría decir cual es el tema que el está usando?
Electron Color Theme
al comienzo del curso dice todo lo que instala y usa
Excelente
VIDEAZOOOO
😂
1:18
Video premium 🧐🍷
Dorian Desings o Dorian Designs? jajajaj
Profe me cuesta trabajo digerirlo 🤢😞