Trucos HTML - Imágenes responsive sin CSS

แชร์
ฝัง

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

  •  8 ปีที่แล้ว

    Maestro, solo deje de verte 3 meses y ya andas metido en otras ondas que creo debo empezar de cero, muy buenos aportes. Gracias por tu tiempo y un fraternal saludo desde México

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

    Qué interesante! Yo estoy estudiando administración de sistemas y nos enseñan estas cosas. Muy bien explicado!!

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

    usted no deja de sorprender con sus trucos profesor Alvaro, saludos.

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

    justo lo que necesitaba llegue a un punto donde si necesitaba obligatoriamente este truco gracias

  • @JulioCanteroperfil
    @JulioCanteroperfil 7 ปีที่แล้ว

    volvieron los trucos y ahora en html... buenisimo me alegra mucho... grande escuela digital

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

    Más saludos desde España y mis felicitaciones. Desde que sigo tus tutoriales ya no quiero ver otros :-D Avisa si tienes algún hermano mellizo tan simpático como tú y soltero, que necesite un pinche para el trabajo de campo, que me mudo ya mismo a Perú! :-D Gracias por compartir y un abrazo!

    • @EDteam
      @EDteam  7 ปีที่แล้ว

      Ana di Zacco 😊

  • @oscareduardocruzlesmes8005
    @oscareduardocruzlesmes8005 8 ปีที่แล้ว

    El editor que uso en Drupal (7.5) es el CKEditor y encontré la solución luego de varios días de indagación en los foros de Drupal la cual es la siguiente: Ir a la configuración de Ckeditor /admin/config/content/ckeditor/edit/Full y hasta abajo encontraras una opción llamada "Custom JavaScript configuration" ahi debes de colocar lo siguiente: config.allowedContent = true;

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

    Muy bueno ALvaro,estoy aprendiendo HTML Y CSS QUICIERA QUE ME ORIENTES PARA ENTRAR EN TUS VIDEOS PARA FORTALECER ALGUNOS CONCEPTOS DE HTML, SALUDOS DESDE ARGENTINA Y YA ESTOY SUBSCRIPTO A TU CANAL....GRACIAS

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

    tambien me sumo al comentario, gracias me salvaste la vida

  • @iml9997
    @iml9997 7 ปีที่แล้ว +6

    Buenísimo, me encantó, gracias.

  • @JLCaicedo
    @JLCaicedo 7 ปีที่แล้ว +1

    excelente video porque esta bien explicado todo, gracias!

  • @ggabooo
    @ggabooo 8 ปีที่แล้ว

    Fantásticos trucos muchas gracias!!!

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

    Muchas gracias por el video

  • @luz.en.las.tinieblas8859
    @luz.en.las.tinieblas8859 7 ปีที่แล้ว +1

    Hola la verdad son muy buenos tus videos, recién me inicio en esto de la programación web y la verdad es muy interesante.
    Gracias por compartir estos videos!!! Me acabo de suscribir a tu canal asi que voy a seguir viendo videos.

    • @EDteam
      @EDteam  7 ปีที่แล้ว

      Genial ¡muchas gracias !

    • @luz.en.las.tinieblas8859
      @luz.en.las.tinieblas8859 7 ปีที่แล้ว

      Perdòn que te pregunte por aca, pero Como me inscribo a los cursos, hice algunos mini-cursos de html-css-y js pero aun se que me falta bastante manejarlos. hay un solo nivel de lo que mensiono o por donde me combiene empezaR?

    • @EDteam
      @EDteam  7 ปีที่แล้ว +1

      Todos nuestros cursos los encuentras en ed.team/cursos Si estas empezando lo ideal es iniciarte con HTML, luego CSS y javascript. Tenemos cursos altamente detallados de estas tecnologías. Te esperamos en EDteam :D

    • @luz.en.las.tinieblas8859
      @luz.en.las.tinieblas8859 7 ปีที่แล้ว

      Ok bien ya me inscribí en el de HTML desde 0
      y ya por lo que voy del curso esta muy interesante.
      Gracias

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

    brother te amo muchas gracias me salvaste !!!

  • @eduardovargas741
    @eduardovargas741 6 ปีที่แล้ว

    Super truco
    Muchas gracias

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

    gracias

  • @AlexHernandezGz
    @AlexHernandezGz 8 ปีที่แล้ว

    la etiqueta media con este fin solo es valida para la etiqueta source dentro de picture? o tambien puedo hacer uso de ellas con estilos css, en la etiqueta link; o puedo usarla con otras etiquetas como div?

  • @goyoxativa
    @goyoxativa 8 ปีที่แล้ว

    Muy interesante......
    Gracias

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

    Alvaro, este video es viejo, pero espero que leas este comentario, hice HTML desde cero y tengo una duda con el atributo SRCSET cuando lo usas con w en lugar del devicePixelRatio, en el ejemplo que muestras solo se alcanzan a mostrar 2 imágenes de las que colocas, nunca se muestra la que pusiste cómo defecto, y me pasa lo mismo, no se cómo hacer que se muestre la que está como imagen de defecto al utilizar la w...eso se utiliza ?, es que no me parece tan util como las medidas de devicePixelRatio , espero haberme explicado

  • @topvegan1
    @topvegan1 8 ปีที่แล้ว

    Me gustò el Video pero tengo una duda MUY importante. Como google te premia por la velocidad de carga del video, como sabrà google qual es tu imagen si no usa viewport, acaso usarà la imagen por defecto? Si fuese asi, entonces pondrias por defecto la mas pequeña? ;-)

  • @julioalvarado1833
    @julioalvarado1833 8 ปีที่แล้ว

    Muy bueno gracias

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

    me suscribo ahora mismo!!!!

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

    ¿Que paso con trucos javascript?

  • @00bunnybunny
    @00bunnybunny 7 ปีที่แล้ว

    que buena onda ! Gracias

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

    Se puede hacer con vídeos?

  • @JimyHuaraca
    @JimyHuaraca 6 ปีที่แล้ว

    fantastico

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

    Otra duda mia es cómo funciona esa w con el atributo srcset...si pongo por ejemplo:
    qué es lo que me indica esto que de 400 a 599w va a aparecer el gato y de 600w en adelante va a aparecer el pato ?...cómo haría para que me aparezca el perro ? (el perro es la imagen por defecto)

  • @joseluisrosas6655
    @joseluisrosas6655 7 ปีที่แล้ว

    Estoy haciendo un login y quiero insertar una imagen de fondo, estoy usando CSS3, el problema es que se pixelea la imagen, que resolución de imagen es la correcta para que esta no pierda su calidad?

  • @ISRAELMEJIA123
    @ISRAELMEJIA123 6 ปีที่แล้ว

    disculpa noestan los videos de php7?

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

    "A la miercoles que es esto..."

  • @wordle_23
    @wordle_23 8 ปีที่แล้ว

    lo bueno, que el navegador no descarga todas las imágenes, solo la imagen correcta al media. en caso que no les funciones, agreguen la etiqueta meta viewport

  • @farrithfarrith456
    @farrithfarrith456 7 ปีที่แล้ว

    si yo quiero poner tamaño a la imagen puedo hacer esto

  • @oscareduardocruzlesmes8005
    @oscareduardocruzlesmes8005 8 ปีที่แล้ว

    Hola Alvaro ¿existe manera de aplicar este truco en una pagina básica de Drupal ? Lo he intentado en una version de Drupal 7.5 pero a pesar que en la opción de formato de texto selecciono "Full HTML" luego de salvar los cambios y volver a editar la pagina desaparece la etiqueta y Drupal las reemplaza con una etiqueta , agradezco tus comentarios.

    • @EDteam
      @EDteam  8 ปีที่แล้ว

      probablemente los filtros de texto de Drupal estén eliminando esa etiqueta. Que sea Full HTML no garantiza nada, debes irte a ver como esta configurado ese full HTML.

  • @nestor.carvallo
    @nestor.carvallo 7 ปีที่แล้ว

    Falto una cosa con las imágenes webp: si la imagen no se encuentra, no muestra nada (Chrome), cuando quizás debería buscar el siguiente source. Slds

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

    Cual es la diferencia entre picture y figure?

  • @jhordanloaisigaflores6237
    @jhordanloaisigaflores6237 6 ปีที่แล้ว

    como se llama tu editor de código?

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

    Dijiste trucos, no como usar picture :(
    Igual aprendi asi que bien. like

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

    hola amigo en video como seria me puede ayudar

  • @JoalperoBlack
    @JoalperoBlack 6 ปีที่แล้ว

    buenas, estoy haciendo todo paso a paso pero no me funciona el media al pasar de la imagen de default a la que está en el source!!!. me ayudas? gracias.

  • @goyoxativa
    @goyoxativa 8 ปีที่แล้ว

    .... cuanto me queda por aprender ......

  • @flaviohernandez3680
    @flaviohernandez3680 7 ปีที่แล้ว

    como hacer responsive con tablas en Dreamweaver?

  • @tertulianeo
    @tertulianeo 8 ปีที่แล้ว

    se me hace algo inecesario incluso hasta incorrecto, porque no simplemente dejamos que css haga su chamba

    • @EDteam
      @EDteam  8 ปีที่แล้ว +1

      css es incapaz de manipular contenido.

    • @borjaalejandroacero4713
      @borjaalejandroacero4713 6 ปีที่แล้ว

      Con html se evita que se descarguen las imágenes mientras que con css se descargan todas y se elige cual se se ve o cual no, pero ya has consumido datos por las dos .

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

    No se ven los textos