Це відео не доступне.
Перепрошуємо.
SÓLO 3 LÍNEAS: CSS Grid responsive sin media queries
Вставка
- Опубліковано 21 чер 2021
- Las media queries nos pueden ayudar mucho pero también añaden complejidad a nuestro código. Te enseñamos como crear layouts responsive en 3 líneas de CSS!
Aprende CSS Grid a fondo con nuestro curso 👉 pro.codely.tv/library/css-grid/
{▶️} CodelyTV
├ 🎥 Suscríbete: ua-cam.com/users/CodelyTV?sub_co...
├ 🐦 Twitter CodelyTV: / codelytv
├ 🌶 Twitter Núria: / nuria_codes
├ 🍺 Twitter Isma: / ismanapa
├ 📸 Instagram: / codelytv
├ ℹ️ LinkedIn: / codelytv
├ 🟦 Facebook: / codelytv
└ 📕 Catálogo cursos: bit.ly/cursos-codely
¿Eres team media queries, automagia de grid, o Bootstrap? 🤔
Buenas tardes, recien estoy entrando al mundo del frontend en web y queria saber que contras tiene el usar un utilitario como tailwind. Gracias
Jeje bueno a veces sucede dentro de este mundo no preferir algunas cosas. En este caso, deseaba saber si en proyectos corporativos reales se usa esta librería o algún otro utilitario como este o es solo aconsejable su uso en POC's o proyectos MVP, ya que manejo laravel y le da bastante empuje a este pero queria saberlo si en realidad es preferible que cada equipo maneje su propio utilitario.
@@raulastete321 Hola Raul! En el mundo del front, se ha vuelto meme reírse de Tailwind ya que es necesario sobre poblar de clases tus etiquetas css, lo que hace de tu código ilegible e inmantenible. En el fondo, la critica es... para que quieres aprender Tailwind, si puedes hacer lo mismo o mas, aprendiendo css a secas
Fui autodidacta en mi aprendizaje para el desarrollo web, puedo decir que he probado en este trayecto muchas cosas y que en un principio Bootstrap me ayudo a entender como funciona el responsive y un sistema de 12 columnas, posteriormente opte por Materialize , pero desde el año pasado conforme fui acercandome mas al Vanilla CSS me di cuenta que existe mayor flexibilidad, alcance y personalización utilizando CSS puro, y en este caso entendiendo Flexbox asi bien posteriormente combinandolo con Grid, no me es necesario el utilizar ya los Frameworks CSS, salvo cuando requieres algo rapido y donde la personalización o diseño no es a priori. Tailwind no lo he utilizado, pero a lo que llegue a observar es que maneja muchas clases dentro del mismo HTML, y en lo personal no me agrada esta idea. Una vez que le agarras el rollo al CSS puro, optas por quedarte de ese lado.
Gracias por sus respuestas. Cuando comence a ver el tema del manejo de estilos en proyectos lei que usar tu propio css es algo impensable. Pero creo que era algo erróneo. Me gusta mas trabajar con mis propias librerias en mi desarrollo asi que me va bien lo que me cuentan . Gracias
No entiendo cómo no tiene más visitas es una locura son estos simples pasos te evitas tanto código mil graciassss! Me subscribo y mano arriba 🥺❤️
Increible!!, estoy estudiando programación y estaba justo con flex y buscando sobre grid encontré este video, gracias chicos increíble lo que se puede hacer con tan pocas lineas, muchas gracias por compartir y que sigan los éxitos! 💪💪🇦🇷👍
Les agradezco mucho, me salvaron del caos de una presentación a ultimo momento. Los quiero
Justo lo que buscaba, evitarme el innecesario uso de media querys, gracias totales.
Por dios , lo han hecho tan fácil y uno se tarda hora buscando documentación y stackoverflow , se ganaron mi suscripción y mi like 💪👌
Como siempre facilitándome la vida 💛 gracias nuria y equipo codely.
Van varias veces que recurro a este video por tremendo aporte. Si a alguien no le funciona, asegurese de que un display: flex de más arriba no este causandole problemas. saludos, gracias por tremendo video
Y el texto que se esta ocultando como lo arregla?
Ustedes son como la respuesta que uno nunca está buscando pero es lo que uno necesita saber hahahah
Sois unos megacracks. Me habéis salvado la vida y no lo olvidaré!😍
Con la d horas que me pase el otro día montando el layout de un proyecto y lo hubiera hecho así en 2 minutos 😂
x2 jajajajaaja
same
Encontré el video en el momento indicado 😅
Vaya magia esta linea que acabais de compartir, me ha reducido bastante trabajo, os quiero
Oh Dios es desperdiciado mi vida!!! Jajaja muchas gracias voy a meterle a esto.
Gracias. Me has ahorrado un millón de años.
Wow esta chica es increíble!
Mil gracias.
Gracias. Son los mejores en responsive design que he conseguido
Orales! Es la primera vez que veo su canal. Pero es muy interesante como hacen sus videos. Enseñan sin ser tan cuadrados, si no con tips de programación. Lo que si es que creo que su contenido es puro frontend.
Me gustaría ver un canal muy parecido a lo que hacen pero con el contenido en backend o fullstacks
ESPECTACULAR!!!!!!!
Gracias, de corazón.
Un abrazo inmenso desde Venezuela. Bendiciones.
(compartido en mis grupos de developers de Telegram)
Este video se merece un me encanta
Puedo decir con todas mis fuerzas que los amé (? estuve horas ayer rompiendome la cabeza y este video fue la gloria!
Buenísimo!... Ahorré mucho tiempo!, les agradezco... Se ganaron un seguidor
El video que necesitava!!!necesitaba!!!! Muchas gracias 😁 y excelente canal.
Buenísimo!, no conocía esa función! . El CSS lo dominio solo para salir del paso jajajaj. Me encantó! y me habéis caído estupendamente! Tenéis un suscriptor, un Like! y comentario! por supuesto!!
Un saludo! Muchas gracias ^^
Pucha que maravilla, esto ahorra mucho tiempo, acabe de probar un par de cosas y excelente!!!!!!.
Que gran video de postre me he dado, gracias por lo simple que lo dan, un abrazo que me suscribo y le doy like
Ecelente el video, me sorprendio .me gusta usar css puro, recien estoy comenzando, uso tambien bootstrap porque dicen que las empresas me van a pedir que use esa libreria, pero si fuera por mi usaria css puro, me encanta
Esto es maravilloso !!! Que gran descubrimiento. Muchas gracias.
Ustedes usando Grid como cracks.. Gracias!
Esto es oro puro, mola un montón! Muchas gracias!
Me encantó!! Re fácil y queda muy responsivo todo 🥰
Me encanta este vídeo ya he tenido que volver a verlo muchas veces para recordar jajajja Muchas gracias por la información
Gracias por esto! "Está información vale millones". Saludos desde Argentina 🇦🇷
WoW! Si no lo hubiero visto, hubiera dicho: imposible.
Gracias para enseñarnoslo.
mis respetos!, yo hice un proyecto y tiene como 6 Media Q jaja, se han ganado un nuevo suscriptor, saludos coders !
Que grande Nuria profesando CSS Grid!
Espectacular. ¡Han ganado un suscriptor!
me ha petado la cabeza! Que bueno! Muchas gracias!! PD: sería muy interesante saber el tip para el font-size :)
Hace poco ando dándole duro al css grid, aunque me falta mucho por aprender o hacerlo de la manera correcta, seria genial ver que hagan pagina web con cards o galeria de imagenes o carroseles o sliders :3
Un likazo gente!!! Muy bueno el video!!
Se ganaron el like con ese código, seguiré mirando la página y si encuentro un vídeo así de bueno se ganaron un suscriptor 👍🏼
Pedazo de video, simplemente gracias!! Me habéis cambiado la vida jajajaj
primer video que veo de ustedes y respondiendo al llamado de suscripcion y like de 3:00
No los conocia y con ese video di like y me suscribi ! Saludos desde Argentina !
Se han ganado un sub, le volaron la cabeza!
ÉSTE ES EL MEJOR VIDEO DE UA-cam En LA HISTORIA DE NUESTRO PLANETA👏👏 jajaja díganme su dirección para mandarles un regalo por favor 🤣🤣 jaja en serio, bravo!
De hecho, el like y el suscribe! qué genial! Gracias por el aporte!
GENIAL YA HABIA VISTO Y APLICADO ESTA MAGIA AHORA QUE LO VEO DE NUEVO LO APLICARE DE NUEVO ME GUSTO MUY COMODO
Estoy asombrado, recién me estoy familiarizando con grid, flex y estoy maravillado. Pero esto, esto flipa a otro nivel. Saludos desde MX. PS. Estoy cada vez más cerca de abandonar Bootstrap, que si bien me ha ayudado a crear varios layouts, siempre he sentido cierta limitación en cuanto al estilo y la carga recursiva en el servidor, en cuanto a los plugins creo que me seguirá funcionando.
Se la ganaron el like y la suscripción 🖖. Primer video q veo de ustedes, tal vez me llegue a gustar un poco el front end 🖖🤣
Eso es nivel. .. de verdad que eres buena!
Joder, buenísimo, queda igual de bien que con los media queries.
Me encantó el video, más por favor.
Muy bueno, gracias por compartir sus conocimientos.
Me ha servido muchísimo este vídeo, muchas gracias!!
no estaba suscrito pero ahora ya, y campanita
Genial como siempre ❤
Pasé 2 dias con un sistema medio complicado y estoy me va a servir para mejorarlo
Me pasé 2h montando los media queries, los quite del grid y les coloqué estas propiedades y van mejor jeje
Flex también se hace response e trabajado en varios casos en Flex para response y también elimina un poco los medias queries pero grid es una locura tremendo 👏👏
me quitaste una frustracion , y haces todo mucho mas logico y facil , gracias profesora eres una eminensia
Excelente!! se ganaron un nuevo suscriptor!
Me encanta vuestro contenido, últimamente estoy enganchado a los vídeos que estáis subiendo de css. Creo que las personas que seguimos usando librerías estilo bootstrap tailwind es por falta de conocimiento de css avanzado... Cada día tengo más ganas de quitar eses dependencias de mis proyectos y hacer a mano mis hojas de estilos.
Y tmb xq tenenos deadlines q cumplir y unx usa las herramientas q puede
No entiendo tanto haite
Excelente chicos!
Gracias por el tip 🙂
Oye! yo ya he hecho varios videos de la plataforma y visto varios live aquí y en twitch y no estaba suscrita! PERO COMO!!! Gracias por decirlo en el video porque siempre puede haber alguien como yo XD
Woow me encanta. Tomen su like.
Sois unos grandes!!!!
Buenisimo!!!! Muchas gracias.
ES MAGIAAA, GRACIAS POR EL TIP CHICOS
Me ha parecido genial !!! muchas gracias !!!
Like y suscrito. Sin palabras. Muchas gracias!!!❤❤
Primer video que veo y me impresiona :o, suscrito :]
La verdad si se merece like el video
¡Buenísimo!
Genial, a aplicar entonces
Que hermoso es grid ❤️
dios que locura esto de grid; gracias a dios
Ahi tienen mi like, mi suscripción y notificaciones activas. EXCELENTE APORTE!!
Soy fan tu Nuria, que habilidad tiene al programar
Me gustaría un vídeo con todos estos trucos, sin frameworks!
Sabía que se podía hacer esto, pero estuve probando y no me salía. Me gusta el grid-auto-row: min-max(200px,auto) por ejemplo. Buen video!
buenisimo! Este video se merece 1 millon de likes
Nuria una grande!
Muchas gracias por el vídeo saludos desde Brasil 💯
Genial Gente... Una Chulada... 👍
Super genial!! Suscrito!
Excelente chicos. Con este tutorial he aprendido a no usar mas media queries. Gracias
Se merece suscripción, jajaja me ayudo mucho
Gracias por toda las cosas interesantes que comparten
super, que maravilla. gracias. Colombia.
Excelente video. Gracias.
Wow verdaderamente muchísimas gracias por el contenido, me ayudó mucho!!!
Se lo ganaron! Excelente dato!
Excelente vídeo!😎 Los felicito.!!! Consulta: Algunos de Ustedes ha desarrollado en UA-cam, algún un vídeo o tutorial sobre como hacer un menu de navegación utilizando CSS Grid y que a su vez, también sea totalmente responsivo, es decir que se convierta en lateral a medida que se reduce el tamaño del Viewport? Observación: El 99% de los vídeos que he visto en UA-cam sobre CSS Grid; al momento de realizar ejemplos o ejercicios para demostrar la tecnología, solo lo hacen utilizando imágenes; el 1% restante los hacen, pintando un layout básico: un Header (sin logo, ni contacto, y mucho menos menu de navegación), un footer, unas tres cajas (tal ves para dos asides y un main, etc.). En virtud de su experiencia, me gustaría ver un vídeo algo más complejo, tal como el que les sugerí. Gracias y disculpen cualquier molestia que les origine mi aspiración. Saludos!
Madre, mía, con la tarde que me pasé la semana pasada para algo parecido, blasfemando con el CSS. Mi like ya lo tenéis
Me ahorraste mucho código
¡Gracias!
Gracias!! Me ha petado la mente!!!! 👍👍👍👍
Nuria, te amo
Que bien video, gracias! 👏
Genios ambos
Muchas gracias por compartir estos conocimientos ♥