Тёмный

🔴CÓMO hacer MEDIA QUERIES EN CSS 🚀 TODO lo que DEBES SABER | Eduardo Fierro Pro 

Eduardo Fierro
Подписаться 35 тыс.
Просмотров 17 тыс.
50% 1

Опубликовано:

 

2 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 33   
@EduardoFierroPro
@EduardoFierroPro 2 года назад
✓ Breakpoints en Responsive Design ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_ESkNVyXjdY.html ✓ TEORIA sobre MEDIA QUERIES en 2021 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LPPXvRImbZE.html ✓ CÓMO hacer MEDIA QUERIES EN CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qzyW_Zf0bbk.html 🔥 CONSTRUYE tu PORTAFOLIO de DESARROLLADOR WEB 👉 ru-vid.com/group/PLJpymL0goBgELkXg-XumuHwS_jijzosF8 🙀 ROADMAP de un DESARROLLADOR WEB 👉 ru-vid.com/group/PLJpymL0goBgFzvCuhEJJ29-x1H_Uo5Esv ¡Dale a like y suscríbete si te ha gustado! 😊
@milagros383
@milagros383 2 года назад
excelente video! me encanta este canal, gracias por enseñarnos 🙌🏻
@EduardoFierroPro
@EduardoFierroPro 2 года назад
Muchas gracias por el comentario Milagros!!! 😊
@juanfdx
@juanfdx 2 года назад
Muchas Gracias Edu !!, ha sido de mucha ayuda para un proyecto que estoy haciendo 😁
@EduardoFierroPro
@EduardoFierroPro 2 года назад
Gracias a ti Juan por tu apoyo! 😊
@samuelnavas567
@samuelnavas567 2 года назад
Saludos desde Venezuela! excelente aporte, era justo lo que me hacia falta 👋🏼
@EduardoFierroPro
@EduardoFierroPro 2 года назад
Muchas gracias Samuel!! 😊
@sebasmalonce_estudio
@sebasmalonce_estudio Год назад
Todo estaba bien. Hasta que entro el @mixin. Me dejo con 5 videos más para ver TT
@danielaquilino4805
@danielaquilino4805 2 года назад
Buen vídeo. Podrías darnos un ejemplo de una página web a la que le aplicas el responsive a para que podamos visualizar los resultados?...así de paso vemos tu estilo de diseño
@EduardoFierroPro
@EduardoFierroPro 2 года назад
Puedes verlos en los directos de programación en Twitch o en las resubidas aquí 👉 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XAwXz2w3vlg.html
@Andycwll
@Andycwll Год назад
Capo, muy bien explicado tu video. Me surgió una duda en cuanto a los media queries en SASS: debería armar un archivo aparte para ellos o puedo incluirlos en el archivo _mixins.scss? Gracias :)
@EduardoFierroPro
@EduardoFierroPro Год назад
Eso sería lo ideal!! 😊
@ezequielalarcon5162
@ezequielalarcon5162 Год назад
¿Si meter todos los selectores en 1 media query es más eficiente, de qué sirve hacer una media query por selector? ¿Por qué algunos desarrolladores la usan?
@EduardoFierroPro
@EduardoFierroPro Год назад
Supongo que les resultará más fácil hacerlos por separado 🤔
@eliseoac966
@eliseoac966 2 года назад
Esta serie de videos ha sido de mucha ayuda Edu!! Se agradece bastante este buen aporte
@EduardoFierroPro
@EduardoFierroPro 2 года назад
Me alegro Luccini!! 😊
@marcopirulo1
@marcopirulo1 Год назад
Y GRID para maquetar con responsi no es mejor?
@EduardoFierroPro
@EduardoFierroPro Год назад
Depende del dev y de lo que estés maquetando 😊
@ArgFernando
@ArgFernando Год назад
Buenos dias, excelente video. Me surge la duda de al utilizar varias veces el mixing que mostras sin indicar el valor 'base' (desde), empezando desde los breakpoints mas chicos, hasta el mas grande .. ¿ no impacta en el rendimiento de la web ? al pisar tantas veces el valor ? Gracias.
@patriciafiorellacastilloca1687
@patriciafiorellacastilloca1687 2 года назад
Excelente video , aquí a las 2 AM viendo tutoriales xd
@EduardoFierroPro
@EduardoFierroPro 2 года назад
xDD Muchas gracias Patri!!
@SonGoku-pc7jl
@SonGoku-pc7jl 2 года назад
bien los 3 videos de media queris. tienes algun video con todos los tips para trabajar comodo y con buenas practicas con prioridad absoluta de mobile first? hay poca información y la mayoria en inglés o solo del tema responsive pero responsive enfocado de grande a pequeño y la verdad es que veo que hay mucha diferencia conceptual y trucos para trabajar bien las imagenes sobretodo que es lo que mas guerra da y más si el mobil es muy estrecho o el trabajar con objetos (texto, botones, otras imagenes) encima de una imagen, a parte del tema de anchuras que es un poco de locos entre el width i el max-width, el div contenedor, si la imagen es background de un div... me va saliendo pero me gustaria poder acabar de tener los truquillos para que aunque me han pasado un diseño muy chulo de photoshop estoy tardando mucho en avanzar todo el css porque la intuición no la acierto a la primera y de ir retocando al final una de las inuticiones o la suma de varias eureka! pero hay mucho frontend y avanzo rapido. aunque ya encontré un par de videos tuyos que llebo dias viendo algo, muy buenos, del reset y del object fit que no lo sabia usar hasta que vi un video tuyo y creo que me servirá pero molaria un video con todo eso dedicado a un ejemplo de un front end mobile first que tenga un poco de todo para que no se escape ningun truco y no haya problemas y se aprenda a maquetar más rápido jeje, cuanto texto y cuanto pedir xD es que tengo ganas de llegar a la parte de javascript backend que es lo que he estudiado este año a saco pero hasta que no esté terminado una pedazo landpage frontend no me dejan (normal) ir a por lo otro ;) pero guay, de todo se aprende y mola aprender :D
@deeroadb931
@deeroadb931 2 года назад
Gracias Eduardo , fue de mucha ayuda el contenido.
@EduardoFierroPro
@EduardoFierroPro 2 года назад
Muchas gracias así por el comentario DeeRo!! 😊
@tomaslazarte5072
@tomaslazarte5072 2 года назад
Muchas gracias por toda la informacion que nos das Eduardo. Saludos desde Argentina 🇦🇷
@EduardoFierroPro
@EduardoFierroPro 2 года назад
Muchas gracias a ti por el comentario Tomas! 😊
@gabrielsotto9529
@gabrielsotto9529 2 года назад
@@EduardoFierroPro podrías poner estos videos que son series de 3 videos en las listas de reproducción??? Vi que hay varios de estos videos que están muy buenos, pero no están en listas de reproducción y luego es difícil encontrar los videos en el canal para poder crear mi propia lista. Si pudieras estaría genial que lo hicieras xq si no se pierden entre tanto video.
@EduardoFierroPro
@EduardoFierroPro 2 года назад
@@gabrielsotto9529 los tienes en el comentario fijado y te los dejo aquí 😊 ✓ Breakpoints en Responsive Design ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_ESkNVyXjdY.html ✓ TEORIA sobre MEDIA QUERIES en 2021 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LPPXvRImbZE.html ✓ CÓMO hacer MEDIA QUERIES EN CSS ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qzyW_Zf0bbk.html
@christanvargas
@christanvargas 2 года назад
excelente curso y la forma de explicar!!
@EduardoFierroPro
@EduardoFierroPro 2 года назад
Muchas gracias Christian!! Aunque dista mucho de ser un curso!! 😮
@christanvargas
@christanvargas 2 года назад
@@EduardoFierroPro hablas muy bien de los temas y con todos los videos tuyos que estoy viendo sí puede ser un curso jajajaja, el position y el responsive y metodologías, todos muy buenos explicados, también tengo que verme los videos dodne haces las webs de ejemplos, un tema que no había entendido muy bien era de acomodar los elementos con css y contigo sí he entendido 👍👍
@programmerstudy1494
@programmerstudy1494 Год назад
Gracias
@EduardoFierroPro
@EduardoFierroPro Год назад
A ti por el comentario Programmer! 😊
Далее
SÓLO 3 LÍNEAS: CSS Grid responsive sin media queries
10:04
Carrusel con Html y Css sin JavaScript
13:00
Просмотров 23 тыс.
Please stop using px for font-size.
15:18
Просмотров 173 тыс.
How to take control of Flexbox
16:01
Просмотров 136 тыс.
The problems with viewport units
13:23
Просмотров 362 тыс.