COMO HACER UN DISEÑO RESPONSIVE SOLO CON HTML Y CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ธ.ค. 2024

ความคิดเห็น • 179

  • @soydalto
    @soydalto  4 ปีที่แล้ว +61

    *Curso de HTML:* th-cam.com/video/kN1XP-Bef7w/w-d-xo.html
    *Curso de CSS:* th-cam.com/video/OWKXEJN67FE/w-d-xo.html

  • @sebastianuc6017
    @sebastianuc6017 4 ปีที่แล้ว +210

    Antes pensaba que hablabas rapido, despues de unas 9 horas con el curso de css ya me acostumbre

    • @MariaGomez-wq1xh
      @MariaGomez-wq1xh 3 ปีที่แล้ว +5

      Yo veo los videos de el a la velocidad del 1.5!

    • @wolfi3803
      @wolfi3803 3 ปีที่แล้ว +8

      @@MariaGomez-wq1xh Vives la vida al límite xD

    • @josephpro7554
      @josephpro7554 3 ปีที่แล้ว +1

      jajaja igual yo

    • @nabilch66
      @nabilch66 3 ปีที่แล้ว

      Y qué has aprendido, hazme un resumen

    • @s0urce.578
      @s0urce.578 3 ปีที่แล้ว +1

      @@nabilch66 No querés que te tire la goma también? Andá a ver el curso vos

  • @srrfgr
    @srrfgr 4 ปีที่แล้ว +77

    Rápido, simple y concreto, tal cómo deberían ser todos los videos explicativos. Muchas gracias!

  • @liclorusso
    @liclorusso 3 ปีที่แล้ว +15

    Hablas extremadamente rápido y vas al grano, sos justo lo q necesito, excelente video

  • @semtavares1130
    @semtavares1130 3 ปีที่แล้ว +43

    Dalto,sos un crack, lo he conseguido gracias a ti, tengo 10 años y aprendía a programar gracias a ti , gracias

    • @siemprequierovolar
      @siemprequierovolar 3 ปีที่แล้ว +1

      Ja ja

    • @juanchi14149
      @juanchi14149 2 ปีที่แล้ว +7

      wow amigo! que inteligencia que manejas, y yo a mis 18 luchando contra flexbox jajaja

    • @MarcoPOV
      @MarcoPOV 2 ปีที่แล้ว

      Aunque este como tal no es lenguaje de programacion, deberias ir empezando viendo videos de python, si empiezas a tu edad, estaras un paso adelante de tu generacion con respecto a esto, te lo aseguro

    • @ricardoaguilar2995
      @ricardoaguilar2995 ปีที่แล้ว +4

      10 años de experiencia jaja

  • @Azur999
    @Azur999 3 ปีที่แล้ว +9

    De la que nos salva para los nuevos que van saliendo recien egresados, eres un crack

  • @llleito1505
    @llleito1505 ปีที่แล้ว +12

    el verdadero ejemplo de que no hace falta lo mejor para empezar en yt y terminar siendo alguien tan importante dentro de la plataforma y afuera de la misma

  • @vantablack2709
    @vantablack2709 3 ปีที่แล้ว +4

    Estuve fácil 8 horas intentando hacer esto y no me salía de ninguna forma, hasta que encontré este video. Sos un crack Lucas.

  • @maximogiovanne6813
    @maximogiovanne6813 2 ปีที่แล้ว +1

    un maestro.. desde ahora te sigo ! estoy aprendiendo desarrollo web

  • @jasfromchile
    @jasfromchile 4 ปีที่แล้ว +7

    lo entendí perfecto, era exactamente lo que buscaba. Saludos desde Chile brother.

  • @darlingovalle3113
    @darlingovalle3113 2 ปีที่แล้ว +2

    Brother, te mereces un millón de seguidores y views, no sabes por cuantos videos busqué y tu en sólo 6 minutos lo pusiste super sencillo, muchas gracias.

  • @cobek795
    @cobek795 4 ปีที่แล้ว +57

    jajaja lo haces parecer tan facil que me siento un idiota XD, sos un genio, lo unico es que te tuve que ver en 0.75 XDD

    • @juansalmeron8796
      @juansalmeron8796 3 ปีที่แล้ว

      Me paso lo mismo iba volando !!! jijiijij

  • @ezequielsarasate5032
    @ezequielsarasate5032 3 ปีที่แล้ว

    que genio cualquier cosa que buscas relacionado al tema y salis vos en primer lugar abrazo!!

  • @efv6blue
    @efv6blue 5 ปีที่แล้ว +13

    Espectacular, esto era lo que necesitaba hace tiempo, muchas gracias!!!

    • @soydalto
      @soydalto  5 ปีที่แล้ว +2

      ¡Me alegro muchisimo que te haya servido! ¡¡Muchas gracias!!

  • @soy-luisarrieta
    @soy-luisarrieta 3 ปีที่แล้ว +8

    super rapido, hay que tener buenas bases de css para entender todo lo que estas haciendo a la velocidad normal.

  • @figschannel
    @figschannel 5 หลายเดือนก่อน +1

    bro estos videos de dalto,que nostalgia

    • @figschannel
      @figschannel 5 หลายเดือนก่อน

      lucas de todo tendencias
      que recuerdos

  • @trane2094
    @trane2094 4 ปีที่แล้ว +7

    Videazo Bro!!! Eres justo lo que necesitaba, preciso y rapido!! Mil gracias!

  • @gonzalovillegas1447
    @gonzalovillegas1447 4 ปีที่แล้ว

    todavía lo pondré a prueba, pero con lo que respecta a tu tutorial me gusto fue suficiente para entenderlo pero no demasiado para enredarse, tienes un nuevo sub, y like jajajjaja

  • @zulag402
    @zulag402 3 ปีที่แล้ว +2

    de verdad tan sencillo :) muchas gracias en serio este video ha sido de gran ayuda para el proyecto de la universidad :)

  • @victoria-exito
    @victoria-exito 3 ปีที่แล้ว +16

    Dalto muchas gracias! necesitaba algo así para tener una idea de responsive layout. Me habría gustado que explicaras los tamaños que se utilizan para responsive layout. Obviamente estoy empezando en este maravilloso mundo del desarrollo web! :) subscrita, like, campanita y comentario! gracias. Dios te bendiga.

  • @yosoyjavis5188
    @yosoyjavis5188 4 ปีที่แล้ว +4

    Acostumbrado con maestros,ñ que explicaban más rápido, muy buen video, entendí bro..
    Muchas gracias ✌🏼

  • @waltercaceres1144
    @waltercaceres1144 ปีที่แล้ว

    Excelente maestro 🤓💻🇦🇷🙏👏👏👏😊👍 Gracias Totales 🎸

  • @alfonsofernandez4358
    @alfonsofernandez4358 4 ปีที่แล้ว +2

    Felicitaciones desde España Gran trabajo

  • @cesarpacheco9155
    @cesarpacheco9155 2 ปีที่แล้ว

    Muchas gracias por el vídeo, Lucas. Bendiciones desde Colombia

  • @MostroJovan
    @MostroJovan 4 ปีที่แล้ว +2

    Eres el p*** amo!!! Te venero ohh gran faraón del grid!!!!

  • @deyaniralopez2296
    @deyaniralopez2296 9 หลายเดือนก่อน

    Donde estuviste toda mi vida jaja new sub

  • @alejandrahernandez1956
    @alejandrahernandez1956 3 ปีที่แล้ว +3

    Excelente bro, muchas gracias. ♡

  • @LadyJuana
    @LadyJuana 4 ปีที่แล้ว +3

    Creo que me acabas de solucionar la vida y super rapidito

  • @miltonricasoli9866
    @miltonricasoli9866 3 ปีที่แล้ว

    Que genio, muy bueno, lo unico que no pude desactivar el 2x jajaj!

  • @darkogamesxd9237
    @darkogamesxd9237 ปีที่แล้ว

    Muchas gracias colega, ma ayudaste con esto de responsive, venia buscándolo, debido a que los sitios web requieren esto, gracias por tu ayuda.

  • @rvssian1397
    @rvssian1397 4 ปีที่แล้ว +3

    Mi like y la suscripción, buena bro!!!!

  • @cheotrabajandoenlaruta
    @cheotrabajandoenlaruta 3 ปีที่แล้ว +3

    amigo tendras tutoriales para una persona que NO SABE NADA DE NADA y que quiere comenzar de CERO me parecio muy simple y logica tu explicacion

    • @Diego2021
      @Diego2021 3 ปีที่แล้ว +3

      Curso de HTML: th-cam.com/video/kN1XP-Bef7w/w-d-xo.html
      Curso de CSS: th-cam.com/video/OWKXEJN67FE/w-d-xo.html
      Sus Cursos De "Soy Dalto"

    • @cheotrabajandoenlaruta
      @cheotrabajandoenlaruta 3 ปีที่แล้ว

      @@Diego2021 gracias me parece muy bien explicado tus tutoriales

  • @juniorcode882
    @juniorcode882 3 ปีที่แล้ว

    Justo lo que estaba buscando. Gracias.

  • @cristiantorresramires6967
    @cristiantorresramires6967 5 ปีที่แล้ว +31

    Buena información solo q debes d explicar más lento cada línea de código

    • @SuperMiriam70
      @SuperMiriam70 3 ปีที่แล้ว +1

      Jajajaja si explica muy rápido

    • @marianapalavecino4962
      @marianapalavecino4962 2 ปีที่แล้ว

      no hace falta que el cambie su forma de enseñar... vas a la ruedita de configuracion en el video y cambias la "Velocidad de reproduccion" 👍

  • @jeremycauper448
    @jeremycauper448 2 ปีที่แล้ว +1

    Gracias bro, me sirvió mucho, buen vídeo crack

  • @vvHax
    @vvHax 5 ปีที่แล้ว +4

    Eres chingon bro , buen video. Sigue así

    • @soydalto
      @soydalto  5 ปีที่แล้ว

      ¡Gracias Misael!

  • @toyeslomao1692
    @toyeslomao1692 4 ปีที่แล้ว +1

    explica rapido, pero sabiamente, buen video

  • @duvanmesa2356
    @duvanmesa2356 3 ปีที่แล้ว +1

    esta linea es la que le da la capacidad a un sitio web de ser responsive?

  • @kelvincastilloc.8070
    @kelvincastilloc.8070 3 ปีที่แล้ว +4

    Hola Dalto. Excelente video
    Ya hice una página preciosa pero me falta el footer, por favor se lo puedes agregar, he hecho de todo y aun no lo logro

  • @Rafael-jl4uz
    @Rafael-jl4uz ปีที่แล้ว

    el verdadero glow up

  • @abrahambr8469
    @abrahambr8469 4 ปีที่แล้ว +84

    No te entendí ni ping, hablas muy rápido parece que te estas aventando un rap

  • @juanpamontoyav
    @juanpamontoyav 4 ปีที่แล้ว +2

    Pones un ejemplo de una web hecha a css podrías mostrar como trabajar una de aspectos similares.

  • @jonathanguzman6714
    @jonathanguzman6714 5 ปีที่แล้ว +12

    Muy bueno me ayudo, pero bajale un cambio te va a dar un infarto jajajaj saludos

  • @TheYoung9
    @TheYoung9 3 ปีที่แล้ว

    Excelente video Viejo Saludos !!

  • @freddypercia
    @freddypercia 2 ปีที่แล้ว

    Lo que necesitaba Dalto eres un puto crack

  • @omarrosas5524
    @omarrosas5524 ปีที่แล้ว

    super, la verdad no quiero usar framework css para mi sitio web... la necesito para mostrar unos datos de la Base de Datos y tres colores + 4 botones. (con PHP). gracias.

  • @destradar1
    @destradar1 2 หลายเดือนก่อน

    Hola graciaas por compartir, osea no necesito media query ni para el menú ni para el pie ni el aside ni para un blog. Con este código puedo hacer mi web responsiva sea cual fuere?

  • @agustinabanegas2666
    @agustinabanegas2666 2 ปีที่แล้ว

    Gracias te amo jajajaj me solucionaste el problema

  • @santiagoyolsantos2027
    @santiagoyolsantos2027 5 ปีที่แล้ว +1

    gracias por ese dato no sabia como aplicar el flexbox

  • @atym.3634
    @atym.3634 2 ปีที่แล้ว +4

    Hola Dalto, buen video y buenos cursos -gracias por acercar la programación a todo el mundo-, la forma que haces responsive en el vídeo, puede que sea css grid?

  • @omarrosas5524
    @omarrosas5524 10 หลายเดือนก่อน

    super, mil gracias.

  • @osvaldocaballero7324
    @osvaldocaballero7324 3 ปีที่แล้ว +1

    Oye oye, más despacio cerebrito.
    Jefe Gorgori.

  • @IXTAPANTV
    @IXTAPANTV 2 ปีที่แล้ว +2

    Hola Dalton, he creado mi web algo básica pero funcionable, me podrías ayudar darle el formato para que se ajuste a los dispositivos móviles lo he intentado y no tengo el resultado, excelente día.

  • @juancastillamariscal7488
    @juancastillamariscal7488 3 ปีที่แล้ว +1

    no estaria mal que explicaras que hace cada propiedad, como flex 1.

  • @romancavanna1464
    @romancavanna1464 ปีที่แล้ว

    genio, una banda de tiempo me ahorre

  • @matix123
    @matix123 2 ปีที่แล้ว

  • @mateomino3d197
    @mateomino3d197 3 ปีที่แล้ว +1

    bro, ami cuando pongo mis textos solo se rellenan los del costado, pero el del medio (osea el cuadro mas grande) siempre se me queda vacio ¿Como hago que mi exto entre ahi?

  • @rugiXD
    @rugiXD 3 ปีที่แล้ว +1

    recomiendas el uso de bootstrap y sus derivados para hacer paginas resposive?

  • @jonathanel-aziz7708
    @jonathanel-aziz7708 10 หลายเดือนก่อน

    Esto lo puedes aplicar en todo desde el nav hasta el footer?

  • @ulisesbalderrama374
    @ulisesbalderrama374 4 ปีที่แล้ว

    Excelente video! Suscripto

  • @joaquingamboa8032
    @joaquingamboa8032 ปีที่แล้ว

    muchas gracias por el tutorial

  • @GameOverdrive16
    @GameOverdrive16 ปีที่แล้ว

    Mi página tiene los elementos uno encima del otro, me puedes decir como uso flex para que sea responsive sin cambiarlo de lado?

  • @NeoCaracas
    @NeoCaracas 5 ปีที่แล้ว +2

    Le baje la velocidad a 0.75 y la explicacion esta mucho mejor. Se entiende fino.

  • @mariano2146
    @mariano2146 7 หลายเดือนก่อน

    Muy buena la explicación, y muy consisa. Ahora ¿ como hago para que lo vean todos ? Le hice la página a mi amigo que tiene un kiosco, pero no la ve, solamente la ve en mi máquina 🤷‍♂️🤦🏻‍♂️

  • @isaiasgonzalez1119
    @isaiasgonzalez1119 6 หลายเดือนก่อน

    ¿Cómo le hace para ver cono se vería el contenido en un samsung?

  • @marcus_speedwagon963
    @marcus_speedwagon963 2 ปีที่แล้ว

    Muchísimas gracias :)

  • @queenatlas111
    @queenatlas111 2 ปีที่แล้ว

    Entendido todo carnal..

  • @Naza_RNG
    @Naza_RNG ปีที่แล้ว

    q app usaste? 🤔

  • @davidpalomeque4770
    @davidpalomeque4770 5 ปีที่แล้ว +2

    Buen video che , una pregunta , yo vengo usando bootstrap hace un tiempo para hacer responsive design , desde tu perspectiva , ¿Que tan bueno/util es ese framework?

    • @soydalto
      @soydalto  5 ปีที่แล้ว +1

      Ese tema lo voy a tocar en próximos videos

  • @ludmilaivanissevich6676
    @ludmilaivanissevich6676 3 ปีที่แล้ว

    no no escuche " vamos aca ya esta mal esta mallll" y me estalle . solo un nerd podria reirse de eso XD

  • @gustavodorado7796
    @gustavodorado7796 4 ปีที่แล้ว

    bajar velocidad a 0,75 estara entendible

  • @tizianovera5120
    @tizianovera5120 3 ปีที่แล้ว

    te amo gordo!!

  • @arieltorres4427
    @arieltorres4427 3 ปีที่แล้ว

    NAZIIII

  • @solangebachi9444
    @solangebachi9444 4 ปีที่แล้ว +2

    Gracias Genioo!!!!

  • @javiervarela8189
    @javiervarela8189 2 ปีที่แล้ว

    Buenisimo!!

  • @fihesoporte
    @fihesoporte 3 ปีที่แล้ว +1

    Bajale a la coca parcero!!!

  • @psm379
    @psm379 2 ปีที่แล้ว

    Alguien que me ayude no puedo hacer responsive a unos formularios por nada del mundo e intentado de todo y no me sale :(

  • @vikiarias2435
    @vikiarias2435 3 ปีที่แล้ว

    Gracias excelente video

  • @WILLIAMESTEVZ89
    @WILLIAMESTEVZ89 4 ปีที่แล้ว

    muy buena info, gracias por la info

  • @juanmanuelromero7489
    @juanmanuelromero7489 2 ปีที่แล้ว

    Hola como se llama el programa que estas usando

  • @nanny7889BoomBang
    @nanny7889BoomBang ปีที่แล้ว

    Buenisimo

  • @Metaltrap1531
    @Metaltrap1531 2 ปีที่แล้ว

    gracias bro me sacaste de un pedote jsjsjs

  • @daghostfather7753
    @daghostfather7753 ปีที่แล้ว

    Buen video! Con floats como se haria en este caso? seria posible ?

  • @Manuel-gd9tr
    @Manuel-gd9tr 5 หลายเดือนก่อน

    disculpe @soydalto funcionaria el mismo codigo o una similar pero en visual studio code?

    • @fiumbaa
      @fiumbaa 5 หลายเดือนก่อน

      buenas si funcionaria ya que el editor de texto no tiene nada que ver con el codigo

  • @danielmartinezgalindo6183
    @danielmartinezgalindo6183 3 ปีที่แล้ว

    tengo un problema con una pagina web, cuando me carga el archivo índex me carga bien pero su tamaño es la mitad de la pagina, alguna posible solución? lo agradecería mucho

  • @nicogarcia3947
    @nicogarcia3947 4 ปีที่แล้ว

    Sos un genio, pero vamos muy rápido

  • @jonathanandrada4324
    @jonathanandrada4324 4 ปีที่แล้ว

    Muy bueno!!!

  • @diegoestebanperezcante5971
    @diegoestebanperezcante5971 3 ปีที่แล้ว +1

    4:43 Una pregunta como puedo tener la ventana de responsive veo que en el link aparece en D: One Drive y salgan las distintos tipos de celular???

    • @RCS-CHARTS
      @RCS-CHARTS 3 ปีที่แล้ว

      F12 haces click en el icono de dispositivos

  • @williammoran3921
    @williammoran3921 4 ปีที่แล้ว +1

    pero analizemos es necesario aprender esto ????

  • @axellumovich5747
    @axellumovich5747 4 ปีที่แล้ว

    video infravalorado 10/10

  • @oscarmezar7992
    @oscarmezar7992 2 ปีที่แล้ว

    jaja dalto chiquito

  • @totenkorpf
    @totenkorpf 4 ปีที่แล้ว +1

    me faltaba eso de min-width: 250px;
    y quedo re cheto jajajaja gracias...

  • @bryantak-loyfarfanchoy3724
    @bryantak-loyfarfanchoy3724 3 ปีที่แล้ว +2

    hahah , acaso soy el unico que puso en velocidad 1.75 para acabar mas rapido :V ? Gracias Dalto Crack !!

  • @suarez_juani
    @suarez_juani 4 ปีที่แล้ว +1

    Muy bueno pero vas tan rapido que no entendi que significa cada cosa por ende no sirve si no explicas lo que haces

  • @nancysilva9582
    @nancysilva9582 2 ปีที่แล้ว

    Hola Dalto. Y el código fuente?

  • @brandongabrielescobarcabre3989
    @brandongabrielescobarcabre3989 4 ปีที่แล้ว

    Excelente

  • @arleylema
    @arleylema 3 ปีที่แล้ว

    idol

  • @arceusxd464
    @arceusxd464 3 ปีที่แล้ว

    Un capo.

  • @david15x
    @david15x 5 ปีที่แล้ว +1

    Me gusto el video y me ayudo bastante pero hablas muy rapido heehe

  • @darkarmecoboy5706
    @darkarmecoboy5706 ปีที่แล้ว

    Se vale dejar código 👾pls