CSS Flexbox | Guía completa DESDE CERO | Parte 1 de 2

Подписаться 38 тыс.

Просмотров 5 тыс.

50% 1

Guía completa de CSS Flexbox desde cero. CSS Flexbox es uno de los pilares del desarrollo web moderno y es importante que sepamos usarlo.
En esta guía les muestro las propiedades que podemos usar en el elemento contenedor.
Parte 2 sobre los elementos hijos (flexbox items):
• CSS Flexbox | Guía com...
✅ Contenido:
00:00 Introducción
00:25 Estructura inicial
01:45 display flex vs inline-flex
03:31 flex-direction
05:26 flex-wrap
06:35 justify-content
08:12 align-items
10:35 align-content
13:15 flex-flow
13:45 Despedida
📺 Serie sobre diseño adaptativo:
• Diseño adaptativo
👀 Les sugiero pongan el video en 1080p para que puedan ver el código con nitidez.
🔔 Suscríbete al canal y activa la campanita para que no te pierdas ningún video:
ru-vid.com?sub_...
🐤Sígueme en twitter:
/ ymulenll
📌Enlaces:
Código del ejemplo: github.com/ymulenll/flexbox-g...
Muchas gracias por ver este video, espero le haya sido útil.

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

26 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 36

@emersonVeronez74 2 года назад

Excelente video explicativo. Te ageadezco por el post. 🇧🇷🏄‍♀️

@elliotgaramendi 3 года назад

Hermano! Eres demasiado! Nunca cambies! Muchas gracias! Me alegra tanto que expliques. Nos ayuda a crecer! Gracias!

@jonalexjm1 3 года назад

Tienes buen contenido.. Facil y rapido de entender !! gracias por compartir tus conocimientos...

@marceloramirez8959 2 года назад

Muchas gracias Yoelvis

@diegoalejodiazp182 3 года назад

excelente material

@marcosjimenez7833 2 года назад

Lo que no entendí en un semestre entero, me lo explicaste en 15 min. Bárbaro.

@sdfsfsfd437 3 года назад

Muchas gracias. Buen video.

@renzo4898 3 года назад

Excelente explicación. Muchas gracias.

@bybryanpn5291 3 года назад

Gracias por compartir tus conocimientos, mucho éxito.

@YoelvisM 3 года назад

Gracias Bryan, éxitos a ti también

@CAFernandezB 3 года назад

Excelente bro.. Como siempre tus explicaciones son un 10... Gracias bro...

@YoelvisM 3 года назад

Gracias Cesar, saludos!

@jmoreira87 3 года назад

GUAO bro que bendición, esto me servirá de mucho.

@YoelvisM 3 года назад

que bien More, un abrazo bro!

@gerdebur 3 года назад

Muy bueno explicando! 🇦🇷🍺

@YoelvisM 3 года назад

Muchas gracias 👍🧉!

@sweetdreams1292 3 года назад

Saludos amigo muchas gracias por el video esta genial, espero la segunda parte, estare pendiente y esperando que subas uno explicando git de como actualizar los archivos que tenemos subidos gracias te comparto!!

@YoelvisM 3 года назад

Hola amigo, gracias por compartir, este video en gran parte lo hice por tu recomendación, en cuanto a git conozco muchos de los comandos pero por lo general lo hago todo con las herramientas que tiene integradas visual studio code, casi que no escribo nada en la terminal, pero capaz puedo compartir mi experiencia de usar git y github con vscode. Saludos.

@sweetdreams1292 3 года назад

@@YoelvisM seria de gran ayuda amigo muchas gracias aqui estaremos apoyando el canal

@atlonrg 3 года назад

Muchísimas gracias, me suscribo, pero trae más contenido de desarrollo web

@YoelvisM 3 года назад

Gracias, de que temas específicos te gustaría que hiciera los videos

@Henry_Nunez 3 года назад

Hola amigo. Excelente video, yo estoy aprendiendo gracias a tus videos. Aclárame una duda si yo uso CCS GRID no hace falta CCS Flexbox o puedo usar los dos ? gracias 👍

@YoelvisM 3 года назад

Gracias Henry, puedes usar los 2 sin problemas, yo por lo general uso el flexbox, y para diseños en 2 dimensiones o donde quiera tener mejor control del contenido uso el grid

@sdfsfsfd437 3 года назад

No recuerdo si hiciste algún video como esta serie de flexbox pero para grid. Sería genial también para grid. Un saludo.

@YoelvisM 3 года назад

Si lo voy a hacer, en el grid yo me enfoqué en usos prácticos pero creo que este tipo de guías también son útiles. Saludos

@bluefutbol1515 3 года назад

tienes alguno de position ?

@YoelvisM 3 года назад

No, pero gracias por recordarme, voy a ver si hago uno de eso en éstos días, saludos

@sandrosimon 3 года назад

Gracias por compartir. Lo siguiente no tiene que ver con este vídeo pero te lo dejo como sugerencia ¿Te animarías a hacer un vídeo sobre jQuery? Hay quienes dicen que para nuevos proyectos ya no se recomienda usar jQuery ya que muchas de las funcionalidades que ofrece ya se puede conseguir con CSS y Javascript puro. A mi todavía me queda la duda. Por ejemplo ¿Es posible hacer un SELECT2 sin usar jQuery? Slds.

@YoelvisM 3 года назад

Hola Sandro, en teoría todo lo que se hacía con jQuery se puede hacer con javascript ya que jQuery al final es una librería javascript para facilitarnos la vida. Pero lo que va sustituyendo a jQuery creo que es los framework/bibliotecas como React/Angular/Vue.

@YoelvisM 3 года назад

Yo hace varios años usaba jQuery pero actualmente uso React y creo que es mucho mejor. Y lo que tenía genial jQuery que era lo del ajax que era una pesadilla hacerlo en cada navegador y jQuery lo simplificó, pero actualmente los navegadores tienen la API fetch que funciona con Promises perfecto

@davidalcaide1597 3 года назад

Buenos días ¿Qué diferencia hay entre "Grid" y "Div"? ¿Cuándo usar uno u otro, porque imagíno que no se complementan. Gracias de antemano. Saludos

@YoelvisM 3 года назад

Buena David, son 2 cosas diferentes, el div es una etiqueta html de propósito general que por defecto tiene display block, pero si a un div u otra etiqueta le pones en css display grid, entonces vas a poder manipular sus hijos de primer nivel como muestro en el video

@sweetdreams1292 3 года назад

amigo una pregunta yo soy de venezuela y estoy buscando una forma de ganarme la vida, por internet por que tengo limitaciones de salud, he estado estudiando mucho se html y css un nivel medio diria yo, que mas debo aprender y en que forma puedo ganar dinero de verdad lo necesito gracias por tus conocimientos

@YoelvisM 3 года назад

Te recomendaría que aprendieras algún framework/librería como React o Vue que de eso hay bastante trabajo. Espero consigas trabajo pronto y no dejes de estudiar que eso siempre da frutos. Saludos

@sweetdreams1292 3 года назад

@@YoelvisM React ya me lo han recomendado creo que tienes un video sobre eso lo buscare