Deja de usar píxeles y usa REM y EM | Ejemplos prácticos

[@alvaroprietovideos]

Ojalá todos los videos fuesen como el tuyo, ameno, útil, sin contenido superfluo. ¡Genial el truco de los 62.5%! no lo conocía.

[@mauriciosalinas716]

Comenten, compartan, suscríbanse y denle mg. Se merece todo

[@helenasaenz3912]

Excelente... Lo que quería saber, sin vueltas ni complicaciones... Me has resuelto un dolor de cabeza.

[@JuanLuisVeraAmbel]

Muy buén contenido, felicidades y gracias!

[@dahiana166]

Hola. Genial. Muchas gracias!!! Estoy aprendiendo un montón con tus videos. Saludos desde Uruguay

[@jaimemenendezalvarez5796]

Recién acabo de descubrir tu canal. Primer cubano que veo haciendo este tipo de videos y la verdad que están geniales. Un suscriptor más! Es la mejor explicación de rem y em que he visto.

[@YoelvisM]

Hola Jaime, muchas gracias!

[@julianflores6364]

Gracias por compartir todo tu conocimiento genio, nunca se va a encontrar algo mas claro y bien explicado que esto! De aca me voy para la guia completa de CSS grid!

[@alejandrodinardo4804]

Una explicación clarísima, muchas gracias.

[@cdicho]

De 5 videos la explicación más clara, nuevo sub

[@ayrtonlavayen]

Una explicación muy concreta, Gracias!

[@micanal3569]

Te agradezco muchísimo por todos tus videos, me han servido muchísimo, explicas demasiado bien, 1000 gracias por compartir tu conocimiento con nosotros, saludos desde México!

[@TuPapaHL10]

Excelente, para las fuentes en un principio usaba solo px para todo, luego vi un vídeo como este y empecé a solo usar rem y %, pero hoy entendí que a veces me convendría incluir em :3 y buena explicación lo de los % en los mediaqueris

[@FernandoGoni-vl2wd]

Me habre visto mas de 5 videos para tratar de entender esto, lograste que lo pueda entender! Muchas gracias

[@YoelvisM]

Me alegro que te haya servido, puedes suscribirte para que no te pierdas los otros videos que estoy preparando. Saludos

[@Erick-hg5xp]

Muchas gracias y muy buen contenido explicando en tan poco tiempo muchas cosas y muy importantes. Un saludo

[@enrique2652]

El vídeo está 10/10, la explicación está genial!!!!

[@walterdanielhuaynapataagui8716]

wow lo explicaste de maravilla

[@dylandsteven6201]

Muy buen video,excelente explicacion me sirvio de mucha ayuda . Gracias.

[@luisjhonayquerzapatayamo8767]

Estuvo muy genial el video

[@infofacil97]

Muy bien explicado. Gracias x tu apoyo.

[@AbrahamPeraltaLLicahua]

Que crack con la exolicación

[@suchox]

¡Excelente explicación, muy claro!

[@dan_seb]

Muchas gracias! Me quedo super claro todo!

[@guillermofrasquetcasas2694]

Muy buen video, bien explicado. Gracias!

[@sdfsfsfd437]

¡Genial explicación! No tenía del todo claro los conceptos. Me has ayudado un montón con este video. Muchas gracias. Suscrito.

[@YoelvisM]

Me alegro mucho, intenté hacerlo práctico para que le podamos sacar utilidad, gracias por suscribirte.

[@analiabazzana1445]

excelente como explicas,gracias

[@tomascoscarelli8707]

Estaría muy bueno un video explicando cómo hacer emails de newsletter con CSS y HTML ya que no encuentro mucho sobre el tema, y realmente es algo que ayudarìa muchisimo. Me encantó como explicas. Saludos!

[@sebastianrodelo7965]

Gracias, excelente explicación

[@tomascoscarelli8707]

Sos un genio. Excelente videooo!

[@manuelalejandrorodriguezhe5784]

Excelente vídeo gracias 👍👍👍👍 no se si ya tendrás algún vídeo sobre menú de hamburguesa flotante fijo en la parte de abajo derecha, ahora se utiliza mucho ese tipo de menú y en muy practico en los celulares.... Saludos y gracias

[@YoelvisM]

Hola Manuel, gracias por la sugerencia, saludos

[@JorgeSanchez-yu9qs]

Muy bueno!!!!

[@silviozabala2814]

Clarísimo, gracias!!!

[@YoelvisM]

gracias Silvio por el comentario, Saludos!

[@nahuelherrera7301]

Excelente explicacion!. muchas gracias!

[@javicrowley]

Muy buen video!! creo que empezaré a utilizar esto en mis sitios web... una idea de video q podrias hacer es uno de buenas practicas en css

[@soldadopreciso]

exelente video, conceptos muy utiles, go ahead.

[@miguelolvera3546]

buenisimo

[@ernepazzo1212]

Muchas Gracias!!!

[@madelsonacosta7962]

Buen video, muchas gracias :3

[@Damtrax666]

Excelente!

[@feri_chan]

Qué bien explicas, mil gracias! Suscrita 💕

[@YoelvisM]

Muchas gracias por tu comentario, saludos

[@NahuelMina]

Muy buen video. ¿Recomiendas los rem al vw como unidad de medida para el font-size en responsive?

[@encode2390]

Muy buen video

[@carlosvazquez3678]

Una maravilla

[@casajose9051]

Gracias. una pregunta... el em toma de medida el rem pero dentro de la ese estilo de css cierto?

[@kingofdrum]

No me enteré mucho porque soy bastante novato en esto, pero ya solo con la pasion que le pones y por como te brillan los ojos al explicar (señal que te gusta y le pones pasión al asunto) te voy a dar un like muy buen trabajo la verdad, ¿pero de donde sale que 62.5% sean 10px si el tamaño es del padre es 16? eso no lo entienedo bien ¿me lo puedes explicar porfa?

[@CAFernandezB]

Genial bro.. Excelente...

[@christianpaullozano7524]

eres mejor

[@evertsystem9043]

Muy buen vídeo! ¿Que tipo de tamaño recomiendas finalmente para una app híbrida hecha con cordova html,css,js Saludos!

[@sweetdreams1292]

puedes enseñar flexbox eres buenisimo explicando gracias por tus videos

[@YoelvisM]

gracias, si voy a hacerlo

[@lalocanario243]

muy útil ¡

[@YoelvisM]

gracias!

[@cristianandres2165]

Muy bueno el video! :) de casualidad tienes algún video de como convertir los pixeles automáticamente a rem usando sass?

[@YoelvisM]

Gracias, no eso no lo tengo, se que se puede hacer con postcss, pero no se cómo se haría con Sass, habría que googlearlo

[@roxanachavez9813]

Muchas gracias por tu explicación, ya me estaba rayando con esto de las medidas para hacer mi página responsive. Una pregunta y que hay con respecto a las medidas vw o vh que aparecen con css3? para que puedo usarlas?

[@YoelvisM]

Hola Roxana, muy buena pregunta, yo realmente no los usoucho, el vh a veces se usa para colocar algún estilo que ocupe todo el alto de la página (pero tiene algunos problemas en celulares). También se usan para calcular el tamaño de la fuente basado en el ancho o alto del viewport.

[@YoelvisM]

Por ejemplo para usar la función clamp que está muy buena para colocar fuentes responsive, en ese caso uso el vw

[@efrainimanol]

chidoo

[@Spf2500]

Mas videos!!! Proyectos :D

[@juancruzledesma5693]

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 @Yoelvis

[@YoelvisM]

Creo que es una excelente idea, lo que haría sería poner todas las fuentes en rem, y los margenes y padding si están asignados a un elemento que tenga definido su fuente, pues usaría em como muestro en el video

[@thetrooper6]

great man!

[@pepito7773]

Yo vi en otro vídeo que decía usar en para fuentes y para todo lo demás rem mmm ahora ando confundido 🤨🤔

[@SnS-SpartaN]

*_Siempre se me hizo muy complicado css_*

[@cristianorcasur6755]

yo no entendi el em :(

[@YoelvisM]

El em es relativo al tamaño de fuente del elemento donde se encuentra, ejemplo: si el font-size es del elemento es de 4px, 2em = 8px, 1em = 4px, 0.5em = 2px. Sin embargo el rem no depende del elemento donde se encuentra sino del tamaño de fuente del html (la raíz)

[@YoelvisM]

Puedes experimentar para que pruebes el concepto, espero haber aclarado la duda. Saludos

[@cerm88]

Ojo, el 62.5% al html es un antipatrón!

[@YoelvisM]

Todo tiene sus casos de uso, el problema es que los diseñadores te dan todo en px y hay que transformarlo a rem/em, fíjate KZbin que usa 10px de fuente en el html que es básicamente la misma idea y al parecer les facilita el desarrollo. Pero si entiendo que cambiar la base puede afectar a aplicaciones que dependan de librerías externas que use rem o que te hace que debas agrandar las fuentes de casi todos los elementos ya que la fuente por defecto quedaría muy chica (cosa que casi siempre hago de todas formas). Yo creo que lo ideal es es usar variables CSS para tener tamaños estándar en toda la aplicación (estilo tailwindcss). Saludos

[@cerm88]

@@YoelvisM yo en mi caso utilizo funciones con el preprocesador sass para convertir de px a rem y em, así trabajar comodamente en pixeles y traspilar en rem y em!