Como hacer un sitio web adaptable a dispositivos móviles con Responsive Design

Поделиться
HTML-код
  • Опубликовано: 15 янв 2025

Комментарии • 693

  • @FalconMasters
    @FalconMasters  9 лет назад +45

    ♦ Curso de PHP y MYSQL: Completo, Práctico y desde Cero
    www.tutorialdephp.com

    • @agiraMX
      @agiraMX 8 лет назад

      +FalconMasters Hola , muy bueno tu curso de php. te quiero hacer una pregunta sobre la posición de entradas lo que deseo es hacer un theme pero que en el index las entradas se muetren de grid (como en las paginas tipo tube ) . me puedes dar una idea de donde buscar

    • @StephenHawkingUniversoHawking
      @StephenHawkingUniversoHawking 8 лет назад

      Yo tengo una APK creado por mi mismo y quisiera que cuando entren a mi web se les descargue la APK. Osea que se vea diferente en PC que en Smartphone o Tablet, al igual que wwwRUclips

    • @davidcatalan3782
      @davidcatalan3782 7 лет назад

      Falcon, Tienes un ancho de 80% Significa que tenemos 10% de cada lado, Como puedo Manipular estos dos lados para poder cambiarle de color? Gracias.

    • @raynordixon847
      @raynordixon847 7 лет назад

      NO hay la version de prueba de 1 mes? :V

    • @victoracosta6363
      @victoracosta6363 5 лет назад

      Buenos días, no sé que antigüedad tenga tus costo, pero me gustaría que me los pudieras aclarar porfavor estoy interesado en poderloa hacer. Podes escribirme a mí correo que es Víctor.112.metalero@gmail.com, desde ya gracias

  • @edwindelgado962
    @edwindelgado962 3 года назад +84

    Este vídeo tiene 6 años y me explica mejor esto que otros canales que suben videos actualmente

  • @RobertoSanchez-ls3dx
    @RobertoSanchez-ls3dx 10 лет назад +4

    Gracias Falcon eres un excelente amigo. Hace 12 años que me gradue de la carrera y aun hay mucho por aprender. Lo bueno es que existe youtube que tambien apoya muco la educación. Y personas como tu que dajan a un lado el elitismo. Gracias y saludos desde Villahermosa Tabasco.

  • @luispolar3039
    @luispolar3039 6 лет назад +1

    Hace apenas unos días he decidido aprender todo sobre web, se puede decir que soy principiante en esto. tus temas me sirven de mucho, explicas excelente ...te felicito...

  • @chrismortens
    @chrismortens 9 лет назад +1

    destacadísimo tutorial, me sacaste de problemas con mi problema existencial de web master, mis sitios no eran responsive, ahora gracias a ti lo serán,
    Muchas Gracias Master, muy agradable e instructivo su tutorial.

    • @FalconMasters
      @FalconMasters  9 лет назад +2

      +Christian Mortenson Genial, me alegra que mi tutorial te haya sido de ayuda

  • @EduLonga
    @EduLonga 4 года назад +2

    Hice un curso de diseño web a nivel universitario, ahora curso una especialidad en diseño web en una academia muy reconocida y solo pude entender y aprender el tema de los media queries acá, en menos de 10 minutos. Eres genial. Gracias!

  • @00daker
    @00daker 10 лет назад +20

    Nunca habia entendido los códigos para responsive design... hasta ahora, gracias a tí lo aprendi muy fácil en menos de 20 minutos! gracias por este video (Y)

    • @FalconMasters
      @FalconMasters  10 лет назад +1

      Edgar Hernandez Me alegra que te haya servido el video :D

  • @freddybrian
    @freddybrian 10 лет назад

    De tantos tutoriales que hay por hay este es el unico que enseña de una manera practica, bien amigo gracias

  • @007eudy
    @007eudy 9 лет назад

    El mejor tutorial que eh visto , simple , sencillo , sin mucho rodeos, eres el mejor , excelente explicacion...

  • @ialejo11
    @ialejo11 8 лет назад

    Recien estoy en mis primeras horas de aprendizaje de diseño web y solo veia simbolos q no tenia idea de q eran.. no encontraba la logica y me estaba frustrando..!!
    Pero mis respetos master con este tuto entendi la logica de la programacion explicas claro y no haces q se vea dificil..!!!

  • @fernandobuitrago1814
    @fernandobuitrago1814 7 лет назад

    Por fin alguien que enseña el concepto del "Responsive Design". Otros solo escriben código sin explicar el por qué. Muchas felicitaciones por el video amigo.

  • @ali5to
    @ali5to 6 лет назад +3

    Eres lo máximo! He pasado ya por varios cursos dictados por ti, y la verdad es que es agradable aprender de tus vídeos. Tienes un don para explicar las cosas y hacerlo fácil de entender. Gracias por tanto!

  • @ANIMEMES2023
    @ANIMEMES2023 8 лет назад +22

    EXCELENTE VIDEO!!!....MUY BIEN EXPLICADO ,GRACIAS!

    • @Tomy_Music
      @Tomy_Music 4 года назад +2

      ey espera, QUE HACES AQUI CHICO!!!!

    • @arceusxd464
      @arceusxd464 4 года назад +2

      Ahh te he visto en la geekipedia de ernesto xD.
      No sabía que era programador :v.

    • @lujancafarelli9989
      @lujancafarelli9989 3 года назад +2

      Animemes eras programador soy muy fan tuyo

    • @manyrios982
      @manyrios982 Год назад

      WOW... Se que ya paso mucho tiempo, pero que haces aqui?!?!

    • @watefacmiloco
      @watefacmiloco Год назад

      😦🙀

  • @andressanchez7848
    @andressanchez7848 5 лет назад

    Ya te habían dicho que eres el puto amo? Empecé con HTML básico desde 0 y ya ando con el de CSS y este video. Muchas gracias.

  • @DiestroCorleone
    @DiestroCorleone 4 года назад

    Van 3 minutos 55 segundos de video y ya me atrevo a decir que este contenido parece ser de lo más útil que hay dando vuelta en internet para aprender responsive web design. Con conocimientos intermedios de HTML y CSS, parece que esto me va a ahorrar meses de aprendizaje. Pongo play y vuelvo a comentar cuando termine.

    • @DiestroCorleone
      @DiestroCorleone 4 года назад

      Vuelvo a comentar habiendo terminado el video, fantástico. Lo pondré en práctica a la brevedad, pero evidentemente muestra la con simpleza y elegancia lo elemental del responsive web design sin vueltas innecesarias. Has ganado un suscriptor.

  • @MayraIndiraNadia
    @MayraIndiraNadia 6 лет назад +2

    Vine a ver este video para solucionar una cosa pequeña y ahora optimicé todo el site. Gracias!!!

    • @FalconMasters
      @FalconMasters  6 лет назад +1

      Genial!
      Seguro que te esta quedando estupendo

  • @yabpeter
    @yabpeter 9 лет назад

    Amigo tus videos son lo mejor en el mundo de los tutoriales... Espero que nunca pares... Ya que personas como tú son la que fabrican un mundo mejor

  • @milord24
    @milord24 2 года назад

    Hola amigo, te hablo 7 años en el futuro. Quiero decirte que muchas gracias, estaba teniendo problemas con el responsive de mis imágenes y gracias a ti logré resolver el problema, voy a llorar 😢.

  • @luiscalderon4967
    @luiscalderon4967 2 года назад

    Espectacular como siempre, explicación clara, precisa y muy didáctica, mis sinceras felicitaciones ya que es difícil encontrar profesores con esa técnica para entregar conocimiento, he revisado muchos tutoriales pero ninguno ha sido tan específico, concreto y directo como el tuyo, te reitero el agradecimiento por compartir tan valiosa información.

    • @FalconMasters
      @FalconMasters  2 года назад

      Muchas gracias Luis, aprecio mucho tu comentario!

  • @gimauarich.2753
    @gimauarich.2753 6 лет назад

    Falcon gracias por tus videos me gusta que vas directamente al grano no hay comentarios innecesarios , muy denso muy explicativo ,

  • @brianalexander2202
    @brianalexander2202 9 лет назад +19

    EXCELENTE! siempre sorprendido con la facilidad con la que enseñas.
    Aplaudo tu trabajo....Hi from Venezuela

  • @totikes
    @totikes 10 лет назад

    Muy buena explicación, ya había hecho mi sitio no Responsivo pero lo volví a diseñar empleando tu esquema, al principio se me dificultó pero luego le entendí y emplee los media queries pero a diferencia de lo que explicaste yo le puse min-width: 700px) and (max-width: 1000px y así si me funcionó. Es mucho mejor hacer el diseño con porcentajes como tu lo explicaste Carlos Arturo. Ahora que haga mi segunda sitio web quiero hacerte una pequeña donación por que la verdad me diste buena orientación con este video tutorial. God bless you. Carlos Arturo.

    • @FalconMasters
      @FalconMasters  10 лет назад

      ***** Muchas gracias totikes, en me alegra mucho que te haya servido mi contenido.

  • @adavidcifuentes
    @adavidcifuentes 6 лет назад

    CHAMO, TU HAZ SIDO UNA ESCUELA PARA MI, TE FELICITO EXPLICAS SUPER BIEN.

  • @dredgencows2953
    @dredgencows2953 Год назад

    profe yo a usted lo amo.... soluciono un problema que tenia desde hace un buen rato!!!

  • @Carlos33RJ
    @Carlos33RJ 10 лет назад

    Explicación fácil de entender y con las palabras justas y precisas. Gracias por tu excelente aporte.

  • @JuanAntonioGordo
    @JuanAntonioGordo 7 лет назад

    Posiblemente de lo mejor que he visto explicado a nivel diseño Web.
    Eres un crack.

  • @soyrolando3699
    @soyrolando3699 6 лет назад +1

    Los mejores tutoriales que pueden haber en RUclips... cuando pueda ser suscriptor VIP en tu canal lo are con mucho gusto porque te lo mereces brother....

    • @FalconMasters
      @FalconMasters  6 лет назад +1

      Muchas gracias por este comentario tan genial!

    • @soyrolando3699
      @soyrolando3699 6 лет назад

      No hay nada que agradecer amigo... La verdad es que yo soy ingeniero en sistemas computacionales y la verdad me da pena saber que no se ni la mitad de lo que tu sabes, pero se que eso se debe a que en las universidades no hay maestros a nivel del que tu estas... por eso yo pagaría por que tu siguieras enseñando lo que sabes!! Gracias por tu Canal amigo... espero sigas enseñando muchas cosas mas.

  • @jkrupp
    @jkrupp 9 лет назад

    Buenísimo. He aprendido un montón y se me despejaron muchos misterios.

  • @RodrigoOrtizMerelo
    @RodrigoOrtizMerelo 8 лет назад

    Sos grande! hasta que veo un video que lo explica bien, GRACIAS!

  • @rafaelavila8311
    @rafaelavila8311 5 лет назад

    necesitaba un vídeo con una explicasión similar a la forma que aprendo las cosas, siendo claro y usando palabras comunes, agradezco tu aportación, saludos cordiales!

  • @pormexicoconcienciaycompro6097
    @pormexicoconcienciaycompro6097 7 лет назад

    ¡Excelente! te felicito Falcon. He visto varios videos y ese es el que más me ha gustado. La explicación es sencilla y directa. ¡Muchas gracias!

  • @andresmgds
    @andresmgds 9 лет назад

    Excelentemente explicado, sin vueltas y sin cosas innecesarias.

  • @andicar177
    @andicar177 6 лет назад

    Simplemente FORMIDABLE!!!!!!!!!! Muchisimas gracias, eres un verdadero maestro!

  • @luisruperez2214
    @luisruperez2214 9 лет назад

    Enhorabuena. Excelente resumen, muy didáctico. En poco tiempo me has aclarado la mayoría de las dudas que tenía sobre el tema. Muy agradecido.

  • @stevenrodriguezgarro1799
    @stevenrodriguezgarro1799 7 лет назад

    Excelente espero que sigas haciendo tutoriales de este tema que es de mucha importancia hoy en día. La mayoría de personas utilizamos el teléfono para visitar sitios web y muchas veces el diseño nos adaptable y es muy incomodo

  • @CesarAlejandro85
    @CesarAlejandro85 10 лет назад

    el vídeo es de buena calidad y la explicación es muy dinámica... asi da ganas de estudiar :) Felicidades y gracias por compartir conocimiento... Dios te bendiga...

  • @anahifabiolazambrano976
    @anahifabiolazambrano976 10 лет назад +1

    hola falcon, gracias por tus video, excelente, el mejor profesor que eh tenido eres tu gracias aprendi mucho con este tema, mucha salud para ti para que sigas impartiendo tus conocimientos, tu voz bella. bueno te imagine un abrazo a la distancia desde venezuela

  • @jaimepardo2822
    @jaimepardo2822 3 года назад

    Excelente video, no entendi en clases y a ti te entendi todo, gracias crack

  • @d-landjs
    @d-landjs 4 года назад

    Excelente explicación Arturo!!! Espero prono ver mas videos tuyos, que son de los mejores!!!

  • @marioreyes8286
    @marioreyes8286 6 лет назад

    Muy bueno lo copie tal cual y con este fundamento pude conseguir lo que necesitaba. gracias.

  • @gerardohuitron
    @gerardohuitron 9 лет назад

    Wow, increíble... muchas gracias para los que nos quedamos atrás en html jaja... muchas gracias!

  • @JulianLiveForever
    @JulianLiveForever Год назад

    tome su like buen hombre. me estaba volviendo loco haciendolo con px y haciendo una medida para cada pantalla jaja

  • @sgdt6203
    @sgdt6203 4 года назад

    Encerio que admiro a este men, me ayudan muchos encerio que este men es de los mejores

  • @herreraloriaelinoe8638
    @herreraloriaelinoe8638 Год назад

    Video increíble, ahora toca que lo haga yo, pero la verdad ayuda muchísimo

  • @sebastianmoyano7313
    @sebastianmoyano7313 3 года назад

    Veo el vídeo 7 años después de que lo subiste y que groso sos, muchas gracias!!!

  • @jeremiascardenas5058
    @jeremiascardenas5058 2 года назад

    Este video tiene casi 9 años y explica mejor que los vídeos de otros canales.

  • @JKSISTEMASYCOMUNICACIONES
    @JKSISTEMASYCOMUNICACIONES 8 лет назад +324

    hola este es deja la pereza jajaja

    • @luisantonioooi2408
      @luisantonioooi2408 7 лет назад +2

      ese es el pluggin hermano, con solo poner eso ya esta,pense q con lo de pluggin era descargar una libreria,por q dices q tienes un tutorial de como instalar el plugin ,podrias pasarmelo hermano tu tutorial

    • @FotoVideoMomentum
      @FotoVideoMomentum 7 лет назад

      me pasó lo mismo jajajaja tardé mucho buscándolo y resulta q el plug in es el que ayuda a escribir más rápido

    • @gianlucabocher5969
      @gianlucabocher5969 7 лет назад +2

      puede ser que al poner ese meta tag, me genere un margin-top???? tengo un margen arriba del contenedor que no se lo puedo quitar, tengo todo en margin: 0 auto;
      AYUDA

    • @tiwiinzo07
      @tiwiinzo07 7 лет назад

    • @adancuevas9928
      @adancuevas9928 7 лет назад +2

      es con m minimum y con m igual maximum

  • @GamerUltra7
    @GamerUltra7 8 лет назад

    Lo tuve que ver dos veces para comprenderlo al 100%
    gracias y excelente tutorial

  • @carlosacha8109
    @carlosacha8109 7 лет назад

    muy práctica tu explicación como para empezar, justo lo que buscaba

  • @juanmanuelamaya1
    @juanmanuelamaya1 10 лет назад +1

    ¡Genio!
    Al fin un tutorial simple y perfectamente explicado con claridad sobre Responsive Design.
    Me suscribo y me pongo a ver los otros tutoriales.

    • @FalconMasters
      @FalconMasters  10 лет назад

      Juan Manuel Amaya Muchas gracias, ya veras como también te gustaran y ayudaran mis otros tutoriales.www.falconmasters.com/

  • @monicatorres2215
    @monicatorres2215 5 месяцев назад

    Se explica de manera clara, y sencilla

  • @patopaolo
    @patopaolo 10 лет назад +4

    Genial! por fin un tutorial responsive práctico y rápido de hacer

  • @bambam56
    @bambam56 10 лет назад

    Hola carlos arturo felicitaciones por tu videos son muy buenos!! solo queria agradecerte por tu trabajo y darte las gracias me sirvio de mucho! saludos y un abrazo amigo.

  • @jaimdavidmartinezbrenes4400
    @jaimdavidmartinezbrenes4400 6 месяцев назад +1

    ¡Me ayudo a conocer como mover los elementos en pantallas pequeñas!

  • @MrCarlomagno71
    @MrCarlomagno71 10 лет назад

    Muy buena la explicación. Así deben ser un tutorial claro y preciso.

  • @desconocidayeeei1662
    @desconocidayeeei1662 4 года назад

    Me salvaste de pagar un extraordinario, muchísimas gracias c:

  • @luisangelmendozachate8865
    @luisangelmendozachate8865 3 года назад +1

    Increíble, me ayudó y refrescó practicamente todo

  • @jeidergomez9263
    @jeidergomez9263 8 лет назад

    hermano, sigue adelante con tus tutoriales, sos el mejor

  • @marcosalomonaquinogonzalez8553
    @marcosalomonaquinogonzalez8553 3 года назад

    Excelente Amigo, gracias por compartir tus conocimientos!!!

  • @Said2395
    @Said2395 10 лет назад +1

    Amigo en tu canal presentas CALIDAD en todos tus videos, muchas felicidades y gracias por compartir el conocimiento, saludos!

    • @FalconMasters
      @FalconMasters  10 лет назад +1

      Me esfuerzo por presentar contenido genial y de utilidad, aprecio mucho tu comentario, gracias a ti por seguir mis videos y mi canal.

  • @javierga
    @javierga 7 лет назад

    Muchas gracias por compartir tus conocimientos... Eres un excelente profesor.

  • @zoraidaacuna4693
    @zoraidaacuna4693 8 лет назад

    Excelente agradecida desde venezuela

  • @MisterSoftwareEC
    @MisterSoftwareEC Год назад

    Muy buen tutorial , ahora me toca poner en práctica 🤗

  • @ppunkypatin
    @ppunkypatin 8 лет назад

    Muchisimas gracias, me gusto muchisimo! Recien empiezo a empaparme del tema. Fuiste muy claro!

  • @ArthuroConH
    @ArthuroConH 10 лет назад

    ¡Brother que contenido tan bueno! Gracias por aportar tu conocimiento a la comunidad.

  • @PabloMendez-g4l
    @PabloMendez-g4l Год назад

    Excelente Video de parte de TI-162 un saludo

  • @lucastolosa2193
    @lucastolosa2193 8 лет назад

    Genio!! Te agradezco una infinidad por tu gran aporte, realmente espectacular! Muchisimas gracias!!!

  • @jyf3784
    @jyf3784 8 лет назад

    muy bien explicado. Exitos y por favor sigue enseñando.

  • @susini1000
    @susini1000 4 года назад

    Muchísimas gracias por el video, es lo que buscaba y explicas muy bien

  • @alf0894
    @alf0894 9 лет назад

    Hermano tu Eres el mejor. muy bien explicados y al 100 todo gracias. me sirvio de mucho

  • @guillermocalleja
    @guillermocalleja 8 лет назад

    Son realmente muy buenos tus videos y practicos. Enhorabuena!!!
    Seguire aprendiendo contigo.

    • @FalconMasters
      @FalconMasters  8 лет назад

      +Guillermo Calleja Sanchez Muchas gracias, me alegra mucho que te sirvan mis videos.

  • @astridhernandez8749
    @astridhernandez8749 6 лет назад

    Muchas gracias, tengo una exposicion ma;ana de este tipo de página! Tan entendible y bien explicado. Love it.
    Me suscribo!!

  • @BrunoFPcovers
    @BrunoFPcovers 9 лет назад

    ¡Muchas gracias! Me gusta y me suscribo para apoyar tu trabajo. ¡Sigue así!

  • @rubianllanos2098
    @rubianllanos2098 10 лет назад

    Muy bueno el vídeo muy bien explicado. Muchas gracias. Me ha servido muchísimo.

  • @CarlosMorenoV
    @CarlosMorenoV 9 лет назад

    Gracias Carlos, excelente para afianzar fundamentos.

  • @pablomaster777
    @pablomaster777 8 лет назад

    Muy bien explicado, muy buenos los vídeos... . Gracias por el aporte..

  • @lucuellar6794
    @lucuellar6794 9 лет назад +1

    Son muy buenos tus videos, eres un buen maestro, me gusta como lo explicas!! :) gracias por compartir tus conocimientos.
    Saludos!!

  • @levisunexpo
    @levisunexpo 8 лет назад

    Gracias por el tutorial muy fácil de entender y funciona a la perfección.

  • @curiositysimo
    @curiositysimo 6 лет назад

    No entiendo ni madres, pero eres un capo y maestro!

  • @eduardocoreas9715
    @eduardocoreas9715 9 лет назад

    Excelente aporte! muy bien explicado y puntual! Felicidades!! suscribiendome!

  • @kevinCalvo-r9s
    @kevinCalvo-r9s Год назад

    Gran video, muy bien explicado y practico

  • @alexhuenchupan6222
    @alexhuenchupan6222 9 лет назад

    Gracias por tus explicaciones, justo lo que necesitaba para realizar mi sitio! Saludos.

  • @zurdocabron
    @zurdocabron 8 лет назад

    me acabo de topar con tu canal muy buena informacion y clara... felicidades y saludos

  • @TheKelving18
    @TheKelving18 8 лет назад

    Excelentes todos tus videos hermano, gracias por compartir tus conocimientos.

  • @juliomejia9824
    @juliomejia9824 9 лет назад

    Excelente video, trataré de mientras más pequeño sea la pa´gina web haré que la imagen se vea más grande. Saludos desde Perú.

  • @juanjosesierra
    @juanjosesierra 2 года назад +1

    8 años y es GOD

  • @EdwinAltamiranoJ18AED
    @EdwinAltamiranoJ18AED 9 лет назад

    Excelente tutorial Carlos me suscribo, y aplicando de inmediato los consejos...Gracias

  • @olm1974
    @olm1974 10 лет назад +4

    buenisimo amigo :) graciasssssss y esperando mas comocimientos hermano

  • @SamirPUBLICA
    @SamirPUBLICA 7 лет назад

    MuChisimas Gracias Me Ayudo Mucho El Video. a coregir mis errores eres el mejor

  • @davidpoveda1487
    @davidpoveda1487 3 года назад

    Excelente, me ha ayudado mucho este vídeo

  • @aldhiertorres7491
    @aldhiertorres7491 8 лет назад

    Muchas gracias. Exelente video FalconMasters

  • @QueWinner
    @QueWinner 10 лет назад +1

    Excelente! Sencillo, práctico y contundente !!!

  • @christianmarroquin
    @christianmarroquin 9 лет назад

    Excelente tutorial! Muchísimas gracias, ha sido de muchísima utilidad.

  • @deygordillos
    @deygordillos 9 лет назад

    Muy bueno, gracias por este aporte.

  • @eulisesmiranda1680
    @eulisesmiranda1680 3 года назад

    wow estuvo genial ésta explicación bro, excelente

  • @pumpfreeks
    @pumpfreeks 8 лет назад

    Muchas gracias, me estaba matando que no se vieran bien las imagenes, y solamente era que habia que usarlas en porcentaje y no en pixeles jaja.

  • @juancarlostorresavila7945
    @juancarlostorresavila7945 7 месяцев назад

    Explicas muy bien. 😄

  • @ellawalker_
    @ellawalker_ 5 лет назад

    Acabas de ganarte mi corazón con tremenda (y simple) explicación

    • @FalconMasters
      @FalconMasters  5 лет назад

      Genial! que bueno que te gusto el video, espero que hayas aprendido mucho.

  • @rafarodri04
    @rafarodri04 10 лет назад

    me ha encantado carlos arturo, de verdad!

    • @FalconMasters
      @FalconMasters  10 лет назад

      Genial, me agrada que te haya gustado, espero que también te gusten mis otros videos de mi canal :D Saludos

  • @YoSoyChristianZapata
    @YoSoyChristianZapata 9 лет назад

    Excelente tutorial!!! Gracias por el tiempo para compartir esté tipo de conocimientos muy valiosos!!!