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
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
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! 💪💪🇦🇷👍
Desconozco el nombre de la chica pero me quedo corto aunque escriba acá 100 líneas de halagos hacia ella, la verdad que siempre agradeceré y amaré que existan personas con ese nivel de inteligencia y conocimientos que al contrario de guardarselo, lo comparten públicamente en internet para principiantes como es mi caso, hermoso video ♥
Estos RUclipsrs se presentan a manera de genios del CSS y hacen uno que otro truco en un ejercicio pequeño y dan a entender que las Mediaqueries son obsoletas , habría que verlos desarrollando un proyecto completo con la ausencia total de las Mediaqueries a ver cómo les queda... yo quiero verlos...
ÉSTE ES EL MEJOR VIDEO DE RUclips En LA HISTORIA DE NUESTRO PLANETA👏👏 jajaja díganme su dirección para mandarles un regalo por favor 🤣🤣 jaja en serio, bravo!
RUclips. Deberías poner un doble like para videos como el de Nuria. No sólo explica de forma excelente y simple, sino que ejemplifica con casos reales. Es algo de lo que otros youtubes deberían tomar nota.
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
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 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.
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
Brutal. Yo me quedé en bootstrap jQuery. Muchas cosas the stateOfjs ni idea. Veo que media queries y flex en desuso. IE 11 aún sigue destrozando la vida. Lo último que hice fue Una tabla con Header fijo, scroll y nowrap para columnas. Y modal con bootstrap.
Excelente vídeo!😎 Los felicito.!!! Consulta: Algunos de Ustedes ha desarrollado en RUclips, 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 RUclips 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!
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
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
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.
En tailwind para añadir estas propiedades... le añadimos la clase con el nombre [grid-temple-columns: repeat(auto-fill, minmax(15rem, 1fr))] .Si nos fijamos es igual a escribirlo en css, a diferencia que va entre corchetes, podemos hacerlo con cualquier propiedad css.
Si, ademas que puedes crear utilerías y demás, no entiendo la burla que hacen a tailwind con que alguien se llene de media query por no saber aplicar responsive
llega un momento en nuestra vida como desarrollador web en que llegamos a "dominar" alguna tecnología y decimos: "ok, venga, que ya dominio esto, pónganme el reto que sea y vamos!" … y luego ves vídeos como este y quedas: "ehm … sí … aún hay espacio para seguir mejorando, aprendiendo, y repeat!" jajaja #alucinante #nuncaParesDeAprender
La verdad le di varias oportunidades a tailwindcss pero me di cuenta que más demoro haciendo un sitio con esto que escribiendo código puro (aún solo css). No se si ya es la edad pero aprender tantos nuevas propiedades de css en nombres de clases hace más engorroso el asunto y aparte que se ensucia mucho la estructura html
¿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
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?
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! 💪💪🇦🇷👍
Desconozco el nombre de la chica pero me quedo corto aunque escriba acá 100 líneas de halagos hacia ella, la verdad que siempre agradeceré y amaré que existan personas con ese nivel de inteligencia y conocimientos que al contrario de guardarselo, lo comparten públicamente en internet para principiantes como es mi caso, hermoso video ♥
Justo lo que buscaba, evitarme el innecesario uso de media querys, gracias totales.
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 🥺❤️
primer video que veo de ustedes y respondiendo al llamado de suscripcion y like de 3:00
Es mas descansado para la vista fondo negro...chicos......gracias....gracias...por tu tiempo y dedicacion ...
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 💪👌
Hace 2 meses estoy intentando hacer que mi sitio web sea responsive, me salvaron la vida.
Oh Dios es desperdiciado mi vida!!! Jajaja muchas gracias voy a meterle a esto.
Me pasé 2h montando los media queries, los quite del grid y les coloqué estas propiedades y van mejor jeje
Me daba pereza el CSS, pero después de escribir una lista interminable de div con bootstrap y compararlo con esto, estoy entregado a la causa CSS
Les agradezco mucho, me salvaron del caos de una presentación a ultimo momento. Los quiero
Estos RUclipsrs se presentan a manera de genios del CSS y hacen uno que otro truco en un ejercicio pequeño y dan a entender que las Mediaqueries son obsoletas , habría que verlos desarrollando un proyecto completo con la ausencia total de las Mediaqueries a ver cómo les queda... yo quiero verlos...
Lo puedes ver. Curso completo maquetando nuestra propia web: pro.codely.com/library/maquetando-la-web-de-codely-desde-0-181753/about/
me quitaste una frustracion , y haces todo mucho mas logico y facil , gracias profesora eres una eminensia
Gracias. Me has ahorrado un millón de años.
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
ÉSTE ES EL MEJOR VIDEO DE RUclips En LA HISTORIA DE NUESTRO PLANETA👏👏 jajaja díganme su dirección para mandarles un regalo por favor 🤣🤣 jaja en serio, bravo!
El título parecía un poco clicbait pero es sorprendente que realmente es verdad lo del título
Estupendo tío. Gracias por evitarme tantos dolores de cabeza en el futuro. Saludos.
RUclips. Deberías poner un doble like para videos como el de Nuria. No sólo explica de forma excelente y simple, sino que ejemplifica con casos reales. Es algo de lo que otros youtubes deberían tomar nota.
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
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 😅
acá por recomendación de un colega, quede sin palabras
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 👏👏
Wow esta chica es increíble!
Mil gracias.
Pucha que maravilla, esto ahorra mucho tiempo, acabe de probar un par de cosas y excelente!!!!!!.
Muy bueno, gracias por compartir sus conocimientos.
Sois unos megacracks. Me habéis salvado la vida y no lo olvidaré!😍
Ustedes son como la respuesta que uno nunca está buscando pero es lo que uno necesita saber hahahah
Cómo amo ver a una mujer tan empoderada en este rubro, es una gran inspiración!, Saludos desde Colombia 💛.
Gracias. Son los mejores en responsive design que he conseguido
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 👍🏼
Me gustaría un vídeo con todos estos trucos, sin frameworks!
no sabía esto, me suscribo👍
Puedo decir con todas mis fuerzas que los amé (? estuve horas ayer rompiendome la cabeza y este video fue la gloria!
Soy fan tu Nuria, que habilidad tiene al programar
Bueno, yo no estaba suscrito... Pero es que no os conocí hasta hoy.
Gracias
mis respetos!, yo hice un proyecto y tiene como 6 Media Q jaja, se han ganado un nuevo suscriptor, saludos coders !
ES MAGIAAA, GRACIAS POR EL TIP CHICOS
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
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
Buenisimo!!!! Muchas gracias.
Ustedes usando Grid como cracks.. Gracias!
la netta se ganaron mi suscripcion.
gracias..!!
GENIAL YA HABIA VISTO Y APLICADO ESTA MAGIA AHORA QUE LO VEO DE NUEVO LO APLICARE DE NUEVO ME GUSTO MUY COMODO
que tal tip!! me quedo la duda sobre la compatibilidad en navegadores por ejemplo safari
Hostia que si os ganasteis el like, justo hoy andaba yo pensando en dejar bootstrap grid de lado y me traéis este regalo.
Brutal. Yo me quedé en bootstrap jQuery. Muchas cosas the stateOfjs ni idea. Veo que media queries y flex en desuso. IE 11 aún sigue destrozando la vida. Lo último que hice fue Una tabla con Header fijo, scroll y nowrap para columnas. Y modal con bootstrap.
Joder, buenísimo, queda igual de bien que con los media queries.
Oh no, estoy haciendo el curso de bootsrap y con lo que vi recien, no me dan ganas de seguir mas jajaj esto es genial
buenisimo! Este video se merece 1 millon de likes
Excelente chicos. Con este tutorial he aprendido a no usar mas media queries. Gracias
El video que necesitava!!!necesitaba!!!! Muchas gracias 😁 y excelente canal.
Excelente información muchas gracias🎉
quede tan impactado con este video que lo voy a ver por segunda vez jajaj
La verdad si se merece like el video
Me ahorraste mucho código
¡Gracias!
Creo que tengo la vida resuelta 🤩
Excelente vídeo!😎 Los felicito.!!! Consulta: Algunos de Ustedes ha desarrollado en RUclips, 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 RUclips 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!
Ya di mi "Like" y estoy "Suscrito"; ahora nos debes unos buenos ejemplos de Clamp CSS para "font-size" 😍
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
No los conocia y con ese video di like y me suscribi ! Saludos desde Argentina !
dios que locura esto de grid; gracias a dios
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!
Buenísimo!... Ahorré mucho tiempo!, les agradezco... Se ganaron un seguidor
Gracias por esto! "Está información vale millones". Saludos desde Argentina 🇦🇷
Muchas graaacias, tengo días peleando por escalar una web por las Las media queries
no estaba suscrita .... like, suscrita e impactada!
Pasé 2 dias con un sistema medio complicado y estoy me va a servir para mejorarlo
Mola mucho, me habéis vendido el curso.
Excelente, muchas gracias
Pedazo de video, simplemente gracias!! Me habéis cambiado la vida jajajaj
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
Me gusta mucho el dominio que tiene esta chica de CSS.
ESPECTACULAR!!!!!!!
Gracias, de corazón.
Un abrazo inmenso desde Venezuela. Bendiciones.
(compartido en mis grupos de developers de Telegram)
Se han ganado un sub, le volaron la cabeza!
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.
Me ha servido muchísimo este vídeo, muchas gracias!!
QUe pena que solo te pueda dar 1 solo like! este contenido vale oro!
WoW! Si no lo hubiero visto, hubiera dicho: imposible.
Gracias para enseñarnoslo.
Muchas gracias por compartir estos conocimientos ♥
Muchas gracias por el vídeo saludos desde Brasil 💯
Me encanta este vídeo ya he tenido que volver a verlo muchas veces para recordar jajajja Muchas gracias por la información
Exelente video, deberian hacer mas.
Vaya magia esta linea que acabais de compartir, me ha reducido bastante trabajo, os quiero
En tailwind para añadir estas propiedades... le añadimos la clase con el nombre [grid-temple-columns: repeat(auto-fill, minmax(15rem, 1fr))] .Si nos fijamos es igual a escribirlo en css, a diferencia que va entre corchetes, podemos hacerlo con cualquier propiedad css.
Si, ademas que puedes crear utilerías y demás, no entiendo la burla que hacen a tailwind con que alguien se llene de media query por no saber aplicar responsive
No entendí nada del video :(
Como desarrollador tailwind me sentí sumamente ofendido con el video >:( (buenisimo, por cierto jeje)
Grid es muy hermoso. Cuando me di cuenta que podría hacerlo con grid y mucho más sencillo me puse de cabeza a estudiarlo en profundidad. 😅
Espectacular. ¡Han ganado un suscriptor!
llega un momento en nuestra vida como desarrollador web en que llegamos a "dominar" alguna tecnología y decimos: "ok, venga, que ya dominio esto, pónganme el reto que sea y vamos!" … y luego ves vídeos como este y quedas: "ehm … sí … aún hay espacio para seguir mejorando, aprendiendo, y repeat!" jajaja #alucinante #nuncaParesDeAprender
La verdad le di varias oportunidades a tailwindcss pero me di cuenta que más demoro haciendo un sitio con esto que escribiendo código puro (aún solo css). No se si ya es la edad pero aprender tantos nuevas propiedades de css en nombres de clases hace más engorroso el asunto y aparte que se ensucia mucho la estructura html
Esto es oro puro, mola un montón! Muchas gracias!
Eso es nivel. .. de verdad que eres buena!
Que grande Nuria profesando CSS Grid!
Yo quiero ver como se aplica a un fontsize!! ya me suscribi y le di like, asi que venga muchachos!
Porfavor pueden explicar este asunto del min ideal en el font-size. GRACIAS 👍
super, que maravilla. gracias. Colombia.
Ahi tienen mi like, mi suscripción y notificaciones activas. EXCELENTE APORTE!!
Me encantó!! Re fácil y queda muy responsivo todo 🥰