Funciones para media queries

Clase 40 de 42 • Curso de Preprocesadores CSS

Stiven Jiménez

student•

🙌Aquí les dejo documentación de como usar queries sin el mixin de la clase http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32 📌siempre es mejor saber muchas formas de hacer lo mismo "con los mixins es mas rápido "👌

Santiago Restrepo

student•

De gran utilidad, gracias bro ✍🏼

Addi Alberto Salazar Espinosa

student•

Muchas gracias! :)

Jhonatan David Ibarra Lavado

student•

woooooooooooo,e sto esta un retroo chimbita 🙈 🙉

Carlos Rodríguez

student•

Se recomienda que las media queries sea un file css totalmente aparte, es decir un sass solamente para cada break donde genere un css diferente y als medias llaamrlas desde el html en el head.

Kevin Andres Curruchich Xocop

student•

Muy cierto, esto para que solo se descarge la hoja de estilos dependiendo el tamaño de pantalla que necesitemos 👌

Dennis Bejar Challco

student•

Esto tambien lo recordé, creo que siguiendo esa linea el mixin no aplica bien, tendria que ser con un mixin diferente

John Edward León Muñoz

student•

Técnicas de media queries con SASS: https://css-tricks.com/approaches-media-queries-sass/

Addi Alberto Salazar Espinosa

student•

Gracias! c:

Kevin Andres Curruchich Xocop

student•

Gracias por tu aporte, me va a servir mucho 👌

Jorge Alberto Rodriguez Flores

student•

Muy buena la clase, igual nosotros podremos crear nuestros propios mixins responsivos de acuerdo a nuestras necesidades.

Camilo Alexander Velandia Velandia

student•

muy bueno ese mixin

Sergio Bernal

student•

Qué gran mixin 😍

Alberto Gómez Juan

student•

Wow!! Esto sí es impresionante.

Gonzalo Pimentel

student•

Increíble esta clase!! Justo lo de hacer responsive mis proyectos se me complicaba con estos mixins me quita un peso de encima!

Omar Garrido García

student•

ese mixin es muy bueno para el responsive !

Danelia Sanchez Sanchez

student•

Estas últimas clases han sido geniales 👍

Jorge Cruz Perez

student•

Me uno a la opinión generalizada, esta clase es una de las mejores del curso y será de gran utilidad en diversos proyectos en adelante, nunca pares de aprender, saludos :)

Platzi Team

student•

Genial, realmente genial, me mataba mucho la cabeza con las propiedades responsive, pero este y el anterior mixin realmente son fantásticos, Gracias

Nicolás Goux

student•

En cursos anteriores se menciono que era una mejor practica realizar los media queries en el html mediante distintos archivos CSS. Esto sigue siendo cierto incluso con la utilización de esta funcion de sass?

Cesar Gabriel Mejias Farreras

student•

Mmm concluyo que si. Iniciar con los estilos aplicando la metedologia Mobile-first y luego hacer carpetas diferentes para cada breakpoint.

Andres Velasquez

student•

Recomendación para cargar componentes: Es importante que en la parte superior vayan las configuraciónes, como los breakpoints, el bootstrap reboot y el archivo de globales para evitar conflictos.

Anfernee Valera

student•

Lo admito, esto si lo veo increíblemente funcional

Jose Orlando Parra Soto

student•

pero entonces tu preprocesador favorito es sass? ejejje

Nicolas ortiz suarez

student•

Aqui puedes ver mas sobre las reglas, @keyframes, @supports @media queries https://sass-lang.com/documentation/at-rules/css#supports

Juan José Rodríguez Portillo

student•

cuándo dices,estos son los mixxin que la comunidad de sass a compartido a que comunidad te refieres, y otra cosa esos mixxin que ya tienes guardados es algo que siempre debemos de usar en nuestros proyectos, seria bueno tenerlos guardados para simpre utilizarlos en nuestros proyectos ?

Cesar Gabriel Mejias Farreras

student•

Esos breakpoints guardados en el mixin los veo como un estándar elegidos por la comunidad que además te podrán ahorrar tiempo, pero también a base de ellos puedes hacer tus propios breakpoints.

Alejandro Ramos

student•

Han sido una introducción a los media queries con Sass, tocará investigar para sacarle provecho al 100%!