Aún no me he lanzado de pleno a maquetar con Grid para producción pero con floats ni muerto jajajajaja. Ahora voy a usar mas grid aunque en muchos casos creo que seguiré usando flex 😋
Cuando aprendí a maquetar ya aprendí los floats y flex box, y los floats ya los odié desde el minuto 0. Ahora grid me está gustando mucho. Quiero aprender más sobre ello. Aun no lo uso mucho, pero lo que he podido ver, me ha encantado.
Puesssss... considerando que empecé con tablas... a esto de grid aún no le he tenido que dar caña, pero flex es mi día a día (alinear elementos is my life). Buena entry para el curso, nanos!!
10:12 a ver, la z de z-index, mira no se mucho de css, pero como se que z-index, es para colocar un elemento por sobre otro, me imagino que debe significar la z del cuadrante z del plano cartesiano, que es justamente el de la profundida de las 3 dimensiones, x, y , z. no?
Excelente! En la descripción de vídeos como este se suele colocar el código usado. Creo que las suscripciones aumentarían exponecialmente. Pausando el vídeo y luchando un poco se puede imitar su ejemplo. Pero venga Tíos, ¿qué tal si nos permiten hacerlo con inmediatez? Gracias por compartir su experiencia 👍🏻
No puedo creer lo del grid. Me VOLÓ la peluca... Yo la verdad siempre me incliné a ser muy coder con PHP y Javascript, pero mi CSS es intermedio, más cerca de básico que de avanzado (imagínense que yo me quedé en la época del float. En la Edad Media como diría Nuria!) pero lo del flex y grid... OMG. Quiero saber qué guía, tutorial o dónde puedo encontrar "material definitivo" para aprender BIEN a maquetar y estilar como se debe y decir "Listo. Ahorá sí que sé CSS como para hacer lo que quiera". Qué material me recomiendan que mire? Desde ya muchas gracias por sus videos. Son gloriosamente didácticos, llevaderos y entendibles. Saludos desde Buenos Aires!
Muchísimas gracias por tu comentario! Aquí recursos en la línea de lo que se ve en el vídeo: - CSS Grid a fondo: pro.codely.tv/library/css-grid/about/ - Buenas prácticas con CSS: Layouts: pro.codely.tv/library/layouts-css/about/ - Arquitectura CSS: pro.codely.tv/library/arquitectura-css/about/ Con eso ya darás un buen salto a nivel de ponerte al día con buenas prácticas de CSS y a molaaaaar 🤟🤟🤟🤟🌈✨🎩
@@CodelyTV Ahí me fijé, pero desgraciadamente no tengo 29.99 Euros p/mes para acceder a ellos... soy de Argentina (son casi 3500 pesos argentinos... por mes). Gracias de todas formas... deberé buscar material por otro lado :(
@@NOCTUMSEMPRA mirate el canal de kevin powell que explica todo esto muy bien. En español tenes a dorian design que es muy completo y para mi gusto el mejor en español. Saludos
Grid: m.ruclips.net/p/PLvq-jIkSeTUY628cyd9LVbXSXi2xG9mUl ; flexbox: m.ruclips.net/p/PLvq-jIkSeTUbQc3dGsssp8lxAi5npMrys ; los cursos son completos y gratis , el es muy buen profesor , Jon mircha
@@CodelyTV cuanto valen estos cursos y son para toda la gente aunque no tengo experiencia en programacion he hecho el curso de freecodecamp solo y me gusto pero no he entendido mucho
yo si me decia cual es la diferencia de bootstrap y tailwind, si eso no sirve saber eso, si se conoce a fondo grid, se ve bueno aprender bien grid, ya que no lo he tocado mucho por que no entiendo la metodologia, pero con este ejemplo me ha quedado clarisimo
si y no, las librerías css si que se ocupan bastante, pero muchas veces por un tema de optimizar tus layouts es mejor crear tu propia plantilla con css grid para manejar con más libertad y ser consistente en tus pantallas, yo ocupo bootstrap (y ahora más bulma) para crear elementos del ui (formularios, navbars, etc) y pero luego a nivel general ordeno todo con css grid por lo fácil y efectiva que resulta ser.
Yo hasta ahora no he tenido la necesidad de usar frameworks. Mi nivel creo que está en intermedio-básico, pero aún así todo a mano. Incluso en temas de animaciones.
El problema que yo he notado hasta ahora en grid y que aún no sé cómo solucionarlo es la altura de los elementos cuando su contenido tiene diferente tamaño. Pues cuando es así, siempre se me queda la altura del elemento con mayor contenido, no sé si alguien conoce cómo solucionarlo 😪
Yo justo me estoy iniciando en el mundo de html y css, y he de decir que float lo detesto, flexbox me gusta mucho más y ahora estaba aprendiendo bootstrap, pero si el sistema de grid es más sencillo habrá que aprenderlo...
Desde que descubrí flex-box, pos uso flex-box, pero ahora grid es lo que le veo mucha mas utilidad, antes de flexbox, pos si tocaba con clear-both, ( clear-both me estresaba, sentía que en cualquier momento iba a explotar y verse inmundo jajajajaja ) y las tablas al inicio si, pero eso era otra tortura china.
El primer reemplazo de 'float', sin embargo, no fue 'flex' como mucha gente piensa si no 'inline-block', aunque fue por un período corto ya que enseguida llegó 'flex' para cambiarlo todo
Hay un hecho curioso que se pone en evidencia en el argumento del video y me ha pasado que estoy viendo algún video que me parece interesante por X razón sobre CSS o así.. y de repente veo que estan usando float ó así.. y usando cosas que de pronto dices.. pero que haces?.. porque te vas por ahi!!??..🤔🤔🙃🙃.. hasta que de pronto ves la fecha del vídeo y te das cuenta que estas viendo un video de hace 3 años.. 🤡🤡🤡🙃🙃🙃🙄🙄🙄 🤣🤣🤣
El Float siempre me parecio una basura ya el grid es lo mejorcito, pero la verdad que es raro que a esta altura del partido css este tan atrazado en maquetacion, la filosofia de las tablas es la mejor (en el contexto de su epoca) tenias lo que hacias, ahora todo puede salir mal por arte de magia.
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
¿Eres de tablas, floats, flex o grid? 👀
Prefiero mocharme los dedos a usar tablas o float
Aún no me he lanzado de pleno a maquetar con Grid para producción pero con floats ni muerto jajajajaja. Ahora voy a usar mas grid aunque en muchos casos creo que seguiré usando flex 😋
alguien por dios quiere recordar a los frameset ?!?!?! :P
Ooooh sí, los frameset eran una cosa barbara jajaja
Por ahora, de flex :D
Cuando aprendí a maquetar ya aprendí los floats y flex box, y los floats ya los odié desde el minuto 0. Ahora grid me está gustando mucho. Quiero aprender más sobre ello. Aun no lo uso mucho, pero lo que he podido ver, me ha encantado.
Muy acertado el video, lo mismo pense cuando conoci flex y grid para que usar bootstrap o tailwind si todo lo puedo hacer con css puro.
Os he descubierto hace pocos días y me encanta cómo transmitís. Hacéis una pareja profesional perfecta.
hace unas dos semanas que descubrí el grid, antes era flex y con bulma, ahora la web la maquetamos al 100% a mano, GRID es MAGIAAAA!!!
jajajajaja el "dark souls de maquetacion", un saludo chicos!
No sabía que lo necesitaba, pero lo necesitaba urgentemente, gracias
Excelente contenido siempre los veo. Imposible hacer el curso, en Argentina donde vivo el "euro" es inalcanzable jeje
Nuria es mi inspiración :D
Es una crack Nuria
Me siento feliz de aver llegado en una etapa muy pulida.
Solo te faita aprender ortografía castellana de primaria... ánimo
@@inigoalday16 jjsjadjdas qhjdp
@@inigoalday16 jajajaja
También faiiita
Ustedes hacen ver todo tan fácil ¡. Gracias por compartir su conocimiento
Confirmo que CSS Grid a fondo es un cursazo!!!
Cual?
Puesssss... considerando que empecé con tablas... a esto de grid aún no le he tenido que dar caña, pero flex es mi día a día (alinear elementos is my life).
Buena entry para el curso, nanos!!
que chevere... se ganaron una suscriptora... tomen su super like
Grid es más complejo pero a la vez más completo. Y asu vez considero que me da más libertad a un cambio del cliente.
Gracias, tengo una duda; lo que quieren decir es que GRID es bueno, y no es necesario enrredarse con Boostra?
Excelente! Saludos chicos!
Buen video! nos vemos en el curso!
Excelente vídeo y explicación
Visto en 11/06/2021
Contenido interesante y actual. Me suscribí, Gracias.
Me encantó el video. Me suscribo!
La Z es, simplemente, el eje Z en un entorno tridimensional. Viene a complementar los más básicos (bidimensionales) ejes X e Y.
Como harian para grid de decirle que como maximo tenga x cantidad de columnas con esa linea responsive?
10:12 a ver, la z de z-index, mira no se mucho de css, pero como se que z-index, es para colocar un elemento por sobre otro, me imagino que debe significar la z del cuadrante z del plano cartesiano, que es justamente el de la profundida de las 3 dimensiones, x, y , z. no?
Excelente!
En la descripción de vídeos como este se suele colocar el código usado.
Creo que las suscripciones aumentarían exponecialmente.
Pausando el vídeo y luchando un poco se puede imitar su ejemplo.
Pero venga Tíos, ¿qué tal si nos permiten hacerlo con inmediatez?
Gracias por compartir su experiencia 👍🏻
No puedo creer lo del grid. Me VOLÓ la peluca... Yo la verdad siempre me incliné a ser muy coder con PHP y Javascript, pero mi CSS es intermedio, más cerca de básico que de avanzado (imagínense que yo me quedé en la época del float. En la Edad Media como diría Nuria!) pero lo del flex y grid... OMG. Quiero saber qué guía, tutorial o dónde puedo encontrar "material definitivo" para aprender BIEN a maquetar y estilar como se debe y decir "Listo. Ahorá sí que sé CSS como para hacer lo que quiera". Qué material me recomiendan que mire?
Desde ya muchas gracias por sus videos. Son gloriosamente didácticos, llevaderos y entendibles.
Saludos desde Buenos Aires!
Muchísimas gracias por tu comentario! Aquí recursos en la línea de lo que se ve en el vídeo:
- CSS Grid a fondo:
pro.codely.tv/library/css-grid/about/
- Buenas prácticas con CSS: Layouts:
pro.codely.tv/library/layouts-css/about/
- Arquitectura CSS:
pro.codely.tv/library/arquitectura-css/about/
Con eso ya darás un buen salto a nivel de ponerte al día con buenas prácticas de CSS y a molaaaaar 🤟🤟🤟🤟🌈✨🎩
@@CodelyTV
Ahí me fijé, pero desgraciadamente no tengo 29.99 Euros p/mes para acceder a ellos... soy de Argentina (son casi 3500 pesos argentinos... por mes).
Gracias de todas formas... deberé buscar material por otro lado :(
@@NOCTUMSEMPRA mirate el canal de kevin powell que explica todo esto muy bien.
En español tenes a dorian design que es muy completo y para mi gusto el mejor en español.
Saludos
Grid: m.ruclips.net/p/PLvq-jIkSeTUY628cyd9LVbXSXi2xG9mUl ; flexbox: m.ruclips.net/p/PLvq-jIkSeTUbQc3dGsssp8lxAi5npMrys ; los cursos son completos y gratis , el es muy buen profesor , Jon mircha
@@CodelyTV cuanto valen estos cursos y son para toda la gente aunque no tengo experiencia en programacion he hecho el curso de freecodecamp solo y me gusto pero no he entendido mucho
Me encanto lo de "El dark soul de la maquetación" jajaja
Tram Flex-Box + Grid 😎👌
yo si me decia cual es la diferencia de bootstrap y tailwind, si eso no sirve saber eso, si se conoce a fondo grid, se ve bueno aprender bien grid, ya que no lo he tocado mucho por que no entiendo la metodologia, pero con este ejemplo me ha quedado clarisimo
genial !!!
Gracias, quieren decir que Grid es bueno y no es necesario usar Boostrap?
¿Podrían dejar el código en la descripción? Si es que hacen caso a sus suscriptores ¿o somos solo números para vuestra economía? Gracias y un saludo
Por favor no uses float, la función del float fue creada para acomodar imágenes de tal forma que el texto pueda rodearlas.
amoooo grid!
Entonces Bootstrap, materialize y foundation y los floats ya no se ocupan?
Lo más actual es CSS Grid?
si y no, las librerías css si que se ocupan bastante, pero muchas veces por un tema de optimizar tus layouts es mejor crear tu propia plantilla con css grid para manejar con más libertad y ser consistente en tus pantallas, yo ocupo bootstrap (y ahora más bulma) para crear elementos del ui (formularios, navbars, etc) y pero luego a nivel general ordeno todo con css grid por lo fácil y efectiva que resulta ser.
Muchas veces los desarrolladores nos saltamos el css y por eso se opta por frameworks, sobre todo fullstacks y backend
@@neoxfr9114 Resolviste mi duda, muchas gracias.
@@elAles8y9 Muchas gracias bro, por resolver mi duda.
Yo hasta ahora no he tenido la necesidad de usar frameworks. Mi nivel creo que está en intermedio-básico, pero aún así todo a mano. Incluso en temas de animaciones.
Como así qué significa la z?? Es la tercera dimensión. El eje z del xyz.
yo recuerdo una epoca breve de hacer layouts con inline blocks, justo antes de descubrir flex
Uno de los sueños de ni vida hacer una pagina web con audiovisual :(
El problema que yo he notado hasta ahora en grid y que aún no sé cómo solucionarlo es la altura de los elementos cuando su contenido tiene diferente tamaño. Pues cuando es así, siempre se me queda la altura del elemento con mayor contenido, no sé si alguien conoce cómo solucionarlo 😪
Con Clip
Yo justo me estoy iniciando en el mundo de html y css, y he de decir que float lo detesto, flexbox me gusta mucho más y ahora estaba aprendiendo bootstrap, pero si el sistema de grid es más sencillo habrá que aprenderlo...
Falta el link que sugiere Nuria.....
Cierto! Es este ruclips.net/video/E005mjqpZ9Y/видео.html ahora actualizamos la descripción, gracias por el aviso!
Desde que descubrí flex-box, pos uso flex-box, pero ahora grid es lo que le veo mucha mas utilidad, antes de flexbox, pos si tocaba con clear-both, ( clear-both me estresaba, sentía que en cualquier momento iba a explotar y verse inmundo jajajajaja ) y las tablas al inicio si, pero eso era otra tortura china.
Team flexbox 😁
Mejor aún
Team flex y grid ❤
majos :D
Grid yeah
Zone-indexation 😉
¿Recién te enteras?
Grid ftw
Team Flex
team grid, pa que complicarse demás
x-index, y-index y z-index
El primer reemplazo de 'float', sin embargo, no fue 'flex' como mucha gente piensa si no 'inline-block', aunque fue por un período corto ya que enseguida llegó 'flex' para cambiarlo todo
El repo plz :v
Me van a dejar ciego con ese theme blanco.
con display: grid full
yo soy de los Float Huefanos como vos ...jajaja
no había css?
Casi desde que existe html existe el css 😊 pero un css muy básico
Los floats eran un dolor de cabeza :v
Flex
Ahahah
Containers Queries 🤷
Tailwind + Flex
Hay un hecho curioso que se pone en evidencia en el argumento del video y me ha pasado que estoy viendo algún video que me parece interesante por X razón sobre CSS o así.. y de repente veo que estan usando float ó así.. y usando cosas que de pronto dices.. pero que haces?.. porque te vas por ahi!!??..🤔🤔🙃🙃.. hasta que de pronto ves la fecha del vídeo y te das cuenta que estas viendo un video de hace 3 años.. 🤡🤡🤡🙃🙃🙃🙄🙄🙄 🤣🤣🤣
Css-grid, es la polla con cebolla 😂😂
El Float siempre me parecio una basura ya el grid es lo mejorcito, pero la verdad que es raro que a esta altura del partido css este tan atrazado en maquetacion, la filosofia de las tablas es la mejor (en el contexto de su epoca) tenias lo que hacias, ahora todo puede salir mal por arte de magia.
Entre las épocas FLOAT y FLEX hubo la época del POSITION: RELATIVE/ABSOLUTE
alguna manera de comprar sus cursos?
Flex