Trucos HTML - Imágenes responsive sin CSS

Trucos HTML en github: github.com/escu...
Visítanos en nuestra página web escuela.digital
Síguenos en Facebook: escuela.digital...
Síguenos en Twitter: escuela.digital...
Únete a la comunidad Escuela Digital en Facebook:
escuela.digital...

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

[@enzo1058]

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

[@danimateohd69drago1]

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

[@JulioCanteroperfil]

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

[@josuedavidkennedymamani3576]

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

[@ampzac]

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]

Ana di Zacco 😊

[@iml9997]

Buenísimo, me encantó, gracias.

[@JLCaicedo]

excelente video porque esta bien explicado todo, gracias!

[@benjamindomador1074]

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

[@luz.en.las.tinieblas8859]

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]

Genial ¡muchas gracias !

[@luz.en.las.tinieblas8859]

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]

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]

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

[@ggabooo]

Fantásticos trucos muchas gracias!!!

[@oscareduardocruzlesmes8005]

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;

[@AlexHernandezGz]

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?

[@cesarcaballero5911]

tambien me sumo al comentario, gracias me salvaste la vida

[@paulloup5210]

Muchas gracias por el video

[@auracastillo679]

Se puede hacer con vídeos?

[@benjamindomador1074]

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)

[@pandawolfpandawolf3870]

brother te amo muchas gracias me salvaste !!!

[@photoafpimagen]

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

[@joseluisrosas6655]

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]

disculpa noestan los videos de php7?

[@JoalperoBlack]

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.

[@rogergranillo6256]

hola amigo en video como seria me puede ayudar

[@topvegan1]

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? ;-)

[@eduardovargas741]

Super truco Muchas gracias

[@goyoxativa]

Muy interesante...... Gracias

[@jhordanloaisigaflores6237]

como se llama tu editor de código?

[@joseedermarcoslara4084]

¿Que paso con trucos javascript?

[@mauriciomonaca5252]

Cual es la diferencia entre picture y figure?

[@julioalvarado1833]

Muy bueno gracias

[@farrithfarrith456]

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

[@oscareduardocruzlesmes8005]

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]

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.

[@wordle_23]

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

[@goyoxativa]

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

[@00bunnybunny]

que buena onda ! Gracias

[@entretenimiento274]

gracias

[@pandawolfpandawolf3870]

me suscribo ahora mismo!!!!

[@nestor.carvallo]

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

[@ChrisStibs]

"A la miercoles que es esto..."

[@flaviohernandez3680]

como hacer responsive con tablas en Dreamweaver?

[@tertulianeo]

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

[@EDteam]

css es incapaz de manipular contenido.

[@borjaalejandroacero4713]

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]

No se ven los textos

[@JimyHuaraca]

fantastico

[@soy-luisarrieta]

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