Curso Diseño web responsive: Imágenes adaptables

Curso Diseño web responsive: Imágenes adaptables

Información de: Diseño web responsive: Imágenes

Adapta tus imágenes Web a un entorno de Diseño web responsive. Aprende a incorporar imágenes al diseño web responsive

El mundo del diseño web responsive o adaptativo también afecta a las imágenes de nuestros sitios web. Aprende con este curso los conceptos básicos sobre la creación y el uso de imágenes en un entorno digital responsive, donde lo que importa verdaderamente es el usuario y el contexto en el que consume los contenidos. Descubre cómo preparar las imágenes para que se adapten a este contexto.

Imágenes e imágenes responsive: una introducción

  • En este primer capítulo daremos los primeros pasos en el entendimiento y uso de las imágenes responsive, viendo ejemplos y aprendiendo nueva terminología y conceptos que aplicar para saber cómo funcionan, tipos y requisitos necesarios.
  • Bienvenida y objetivos del curso Responsive images   01:01
  • Cómo funcionan las imágenes en la web   04:28
  • Tipos de formatos de imagen actuales   07:45
  • Qué es la compresión en imágenes   06:28
  • Cómo funcionan las imágenes responsive   03:20
  • Conceptos nuevos y terminología responsive   04:28

Uso de Picturefill con imágenes responsive

El segundo capítulo lo dedicaremos por completo a Picturefill, un polyfill que nos servirá para poder emplear imágenes responsive en situaciones en las que los navegadores aún no soporten las características necesarias.
  • Qué es Picturefill y para qué sirve   03:43
  • Usando Picturefill en nuestro proyecto web   06:24
  • Testeo y validación del uso de Picturefill   06:18

Aplicación de imágenes responsive en nuestro diseño

El tercer capítulo lo dedicaremos de manera completa a continuar profundizando en el trabajo con imágenes responsive, sabiendo cuándo han de usarse, qué posibilidades tenemos para poder aplicarlas y cómo optimizarlas.
  • Cuándo y cómo usar etiquetado responsive   02:35
  • Preparando imágenes para su uso en entornos responsive   07:02
  • Opciones de exportación y optimización de archivos SVG   05:07
  • Exportación y optimización de archivos PNG y GIF   06:32
  • Más opciones de optimización   03:51
  • Uso de srcset y w   05:31
  • Uso de sizes   06:45
  • Ejemplo de layouts avanzados usando srcset y sizes   06:21
  • Detectando densidad de pixels por pulgada usando x   04:44

Dirección de arte en imágenes responsive

El último capítulo lo emplearemos para aprender a usar de manera completa el elemento pictures, que nos aporta una nueva forma de incluir imágenes responsive en nuestros documentos html, permitiéndonos mayor control aún.
  • Introducción al elemento picture   04:33
  • Cómo usar picture   06:32
  • Optimización de imágenes para el atributo picture   02:48
  • Uso de elementos SVG   03:42
  • Problemas de la dirección de arte en un entorno responsive   02:00
  • Despedida del curso Responsive images   02:23

Capturas:

DisenowebresponsiveImagenes1.md.jpgDisenowebresponsiveImagenes2.md.jpgDisenowebresponsiveImagenes3.md.jpgDisenowebresponsiveImagenes4.md.jpg

Trailer:

Datos técnicos:

  • Formato: .MP4
  • Resolución: 1280x720p
  • Tamaño: 331 MB
  • Idioma: Español
  • Formadores: Armando Sotoca
  • Contenido: 24 Videos
  • Duración: 1:54 horas
  • Archivos Base: Si Incluye
  • Fecha de publicación: 25-oct-2016
  • Empresa: Video2Brain
Archivos Base! Enlaces
Subido: RoBeRtS (20 Diciembre 2016 01:46)
Administración: [Actualización]
Contraseña: www.descargasnsn.com | Tamaño: 331.58 Mb
Contenido:
Diseno.web.responsive.Imagenes (3 Archivos)
file DescargasNsN.url (184 b)
rar HNH0H6HJ9K4.rar (331.57 Mb)
txt Informacion del archivo.txt (13.07 Kb)
Contraseña:
DescargasNsN
Página oficial:Enlace al artículo oficial

Si te gusta o te ayuda este artículo. Apoya a los desarrolladores comprando este material.

  • 46
  • 11 575

Añadir comentario

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

Comentarios 46

Offline
datilcan 15 Febrero 2017 12:10
+ 0 -
Un buen aporte para aprender mas .Gracias
Offline
jackripper 9 Febrero 2017 19:54
+ 0 -
Muy bien gran material
Offline
sandrarom 31 Enero 2017 01:48
+ 0 -
Estupendo. Gracias!!!!! wink
Offline
Kaleo87 26 Enero 2017 11:48
+ 0 -
buen aporte!
Offline
cococomp 23 Enero 2017 22:23
+ 0 -
Buenos todos los aportes que ofrecen a la comunidad que los sigue.
Offline
pachuco_691216 11 Enero 2017 19:29
+ 0 -
mil gracias
Offline
exisyzeta 3 Enero 2017 14:42
+ 0 -
Gracias sus aportes son muy buenos.
Offline
cococomp 3 Enero 2017 10:35
+ 0 -
Excelente material que ponen a nuestra disposición. Gracias
Offline
albertbarradas 27 Diciembre 2016 22:20
+ 0 -
gracias buen aporte
Offline
c0d3r00t 27 Diciembre 2016 04:53
+ 0 -
Muchísimas gracias por compartir.
Saludos.
Offline
OMARHYO 27 Diciembre 2016 02:25
+ 0 -
BUEN APORTE
Offline
virusnet999 24 Diciembre 2016 23:39
+ +2 -
Queridos compañeros ante todo son mis deseos ofrecer un fuerte saludo a todos por navidad y buenas energias para el año nuevo, luego de este saludo expreso el dolor de mi corazón por una simple confusión de mis palabras que se entendieron como la de un simple criticón ganandome incluso negativos y es que la verdad desde el fondo de mi corazón y desde la razonabilidad de mi mente todas mis palabras tuvieron la mejor de las intenciones y si han sido considerada ofensivas para alguien porfavor disculpen pero no era mi intención ofender sino todo lo contrario pense en lo mejor para la web y en ello creo que RoBeRtS si me entendió ya que de forma muy educada me respondió y ademas me hizo recordar la razón de ello, la encuesta en la cual se pregunto si se apoya con publicidad o con pagos y en la cual gano la publicidad, despues de ello solo atine a darme un golpe en la cabeza y exclamar ¡Por Dios! y es que me habia olvidado de dicha encuesta, en lo personal me hubiera gustado que fuese con pagos y siendo consecuente con esa forma de pensar yo brinde apoyo económico a la web cuando esta lo solicito y esa acción en cierta forma me convenció para expresar una opinión, porfavor que no se me malentienda no estoy sacando en cara nada, lo menos que deseo es el mal para la comunidad NsN mas bien todo lo contrario y como profesional que contantemente se desarrolla actualmente he logrado unos ascensos en mi carrera y con ello un mejor remuneración y todo ello es gracias en parte a esta comunidad que ha hecho tanto por mí, como puedo ser ingrato con ello, de hecho un día me plantee adquirir los videos de video2brain como Dios manda y asi lo hice, me compre una suscripción anual.

Si hubiera sido una persona ingrata simplemente hubiera abandonado la web total ya había sacado provecho y no había muchas razones para regresar, sin embargo me dije ¿que hay de los demás jóvenes usuarios que no tienen mucho poder aquisitivo y desean aprender? ¿Que sera del futuro de esta gran comunidad?, yo soy uno de los primeros registrados en esta web y la he visto crecer, si están colocando mas links publicitarios entonces la web necesita mas apoyo y tengo entendido que la publicidad tampoco ofrece grandes beneficios por ello a pesar de tener un suscripción siempre ingreso casi a diario y navego por los nuevos aportes, aunque ya casi no descargo, ademas con la nueva noticia que nos acaba de dar RoBeRtS en la que el siguiente año posiblemente pase a otras manos me pregunto ¿Tendrá el mismo amor a la pagina web? ¿Sera tan atento con los usuarios como lo es RoBeRtS?, algo de razón se podría tener al no ser frecuente en ForoNnN y ofrecer apoyo pero no encontré alguna petición a la cual adherirme cuyos beneficios sean para toda la web, en fin solo son mis deseos que la comunidad NsN perdure pero si esto sigue asi entonces no hay nadie que asegure el futuro de la web ya que actualmente sus aportes ayudan a muchas personas con pocos recursos asi como en su momento me ayudaron a mi persona, muchas gracias por darse el tiempo de leer entiendo que este no es el lugar adecuado para este tipo de comunicación y como vuelvo a repetir desde el fondo de mi corazón y desde la razonabilidad de mi mente solo deseo lo mejor para el futuro de la web, mil gracias por todo.
Offline
pedroda 24 Diciembre 2016 14:02
+ 0 -
Gracias por el aporte
Offline
bellyup 24 Diciembre 2016 04:42
+ 0 -
Feliz Navidad y Gracias de nuevo
Offline
data24 24 Diciembre 2016 02:07
+ 0 -
gracias por el aporte
Offline
vampyro 23 Diciembre 2016 20:09
+ 0 -
Muchas gracias por el aporte!
Offline
morenasana 22 Diciembre 2016 12:09
+ 0 -
muchas gracias!!!
xxx
Offline
robinsonpc 21 Diciembre 2016 23:59
+ 0 -
Gracias por el aporte
Offline
askarakatiski 21 Diciembre 2016 21:45
+ 0 -
Como siempre y por siempre

GRACIAS

Un saludo
Offline
Ricard300 21 Diciembre 2016 18:15
+ 0 -
muchas gracias
--------------------
"I accept chaos, I'm not sure whether it accepts me." -Bob Dylan-
Offline
pcmac 21 Diciembre 2016 16:40
+ 0 -
Muy bueno este tutorial. Gracias
Offline
MsX
MsX 21 Diciembre 2016 05:28
+ +2 -
Citar: virusnet999
sin ser desconsiderado creo que la publicidad ya esta comenzando a ser muy invasiva

Citar: Luiseto
¿Ya no ponéis enlaces vía torrent? Los otros son una mierda ya que tienes que andar por pantallas y repetir a operación hasta que se descarga o no el archivo. El proceso es tedioso, inseguro y se te quitan las ganas de volver por aquí, la verdad.

De verdad se quejan de la publicidad? con tanto contenido deberian quedarse calladitos y cerrar con un simple click las tan molestas pestañitas que son para ustedes, creo que es verdad que el que coge gratis algo sera mas exijente que el que lo compra, que mal daño se ha hecho con este tipo de pensamiento. Tienen encima por Torrent tienes miles de alternativas para descargar, es increible ver esta clase de comentarios, esta web y otra más tambien conocida son las únicas que sirven por Torrent y mira que es complicado para ustedes descargar un simple torrent con unclick que esta ahi arriba, no deberian llamarse ni siquiera navegantes de internet. Que pasaria si está web desaparece solo quiero ver eso haber que dicen después. Si no apoyamos ni a esta web, seguro que no seran ni capaces de comprar peor el material algún dia, es una pena.

@RoBeRtS, animo mi gran amigo, siempre te apoyare y que nunca decaiga esto, es algo enorme para los que somos de escasos recursos y tenemos aqui una mina de oro para nutrir nuestro cerebros de conocimiento. un gran saludo.
--------------------
MsX
Offline
RoBeRtS 21 Diciembre 2016 05:10
+ +3 -
Citar: virusnet999
Si RoBeRtS me permite un comentario entiendo que mantener una página con esta cantidad de articulos online y en mas de una oportunidad se han resubido links caidos a los pocos minutos (eso me consta) sin ser desconsiderado creo que la publicidad ya esta comenzando a ser muy invasiva (incluso hay enlaces porno) muchos apoyamos economicamente a esta web con una esperanza que no llegase a este punto

Amigo que más quisiera yo dejar de lado todo este tipo de publicidad, se que a muchos les molesta, yo soy uno de ellos! "Con el tiempo me acostumbré" (Clic y cerrar) NO queda de otra, es la única forma de mantener la comunidad. En su día se hizo una encuesta de si querían que la Web fuera por "Donación o Publicidad" Ganó el 70% a favor de la publicidad. Sobre alguna publicidad de contenido sexual o sugerente, no puedo tomar el control, muchas veces los anunciantes no hacen un buen uso de la plataforma y colocan este tipo de contenido, hasta que se den cuenta, o es lanzado en función de las Cookies de cada PC.... Siempre estoy buscando alguna alternativa menos intrusiva, tal vez para el próximo año pase "NsN" a manos de otro Admin, yo casi ya no puedo costear todo.. disappointed_relieved

Citar: Luiseto
¿Ya no ponéis enlaces vía torrent? Los otros son una mierda ya que tienes que andar por pantallas y repetir a operación hasta que se descarga o no el archivo. El proceso es tedioso, inseguro y se te quitan las ganas de volver por aquí, la verdad.

Hay que ser más observador, creo que hace mucho no vienes por aquí, los Torrent siempre están disponible, en este caso, (Click en Torrent & Magnet, junto al botón de "Descarga directa")
Offline
Luiseto 21 Diciembre 2016 03:26
+ -2 -
¿Ya no ponéis enlaces vía torrent? Los otros son una mierda ya que tienes que andar por pantallas y repetir a operación hasta que se descarga o no el archivo. El proceso es tedioso, inseguro y se te quitan las ganas de volver por aquí, la verdad.
Offline
shefo8 21 Diciembre 2016 02:55
+ 0 -
Muchas Gracias
Offline
virusnet999 21 Diciembre 2016 00:56
+ -3 -
Muchas gracias por compartir tan buen curso.

Si RoBeRtS me permite un comentario entiendo que mantener una página con esta cantidad de articulos online y en mas de una oportunidad se han resubido links caidos a los pocos minutos (eso me consta) sin ser desconsiderado creo que la publicidad ya esta comenzando a ser muy invasiva (incluso hay enlaces porno) muchos apoyamos economicamente a esta web con una esperanza que no llegase a este punto, cabe recordar que el moderador nunca prometio nada, solo solicito apoyo y muchos se lo ofrecimos, de repente el apoyo no fue suficiente, no lo se, tal vez me equivoque, entiendo que no es mi pagina y el Sr RoBeRtS tiene el todo el derecho de hacer con ella lo que desee, no se si me responda en fin solo deseaba expresar mi opinión.
Una pregunta final ¿Los demás usuarios que opinan al respecto?
PD: Se que muchos me increparan el no usar AdBlock pero esa no es la idea gracias.
Offline
djdonovans 21 Diciembre 2016 00:29
+ 0 -
muchas gracias por el curso
--------------------
el software es como el sexo es mejor cuando es gratis ñ_ñ
Offline
audiosperuanos 20 Diciembre 2016 21:14
+ 0 -
Muchas gracias por el curso wink
Offline
Chris Bows 20 Diciembre 2016 21:04
+ 0 -
Sstupendo, muchas graciass.
Offline
bebefrank 20 Diciembre 2016 20:45
+ 0 -
Muchas gracias!
Offline
Dignorah Polanco 20 Diciembre 2016 20:09
+ 0 -
Muy buen aporte, Felicidades
Offline
angel05121971 20 Diciembre 2016 19:40
+ 0 -
Gracias por el valioso aporte
--------------------
Ángel A. Alvarez
Offline
ianpoe 20 Diciembre 2016 15:14
+ 0 -
Muchas gracias por este interesante curso.
Offline
ibcalu 20 Diciembre 2016 14:43
+ 0 -
Gracias por el gran aporte que realizan cada día... smiley
Offline
fastico 20 Diciembre 2016 13:22
+ 0 -
que super este curso
Offline
falgri 20 Diciembre 2016 13:15
+ 0 -
Gracias por el aporte
Offline
Rumaca 20 Diciembre 2016 12:03
+ 0 -
Muchas gracias por la aportacion.

Saludos desde Sevilla-España. stuck_out_tongue_winking_eye
--------------------
La verdad duele, la mentira destruye
Offline
yuyu00 20 Diciembre 2016 11:08
+ 0 -
Muchas gracias por el aporte, saludos!!!
Offline
porta 20 Diciembre 2016 10:19
+ 0 -
mil gracias salu2
Offline
pascualhf3 20 Diciembre 2016 10:04
+ 0 -
muchas gracias
Offline
Castle_24 20 Diciembre 2016 07:42
+ 0 -
me viene genial!! smiley
Offline
yirel 20 Diciembre 2016 06:53
+ 0 -
Gracias por el aporte!
Offline
jxdx 20 Diciembre 2016 06:35
+ 0 -
muchas gracias!!
Offline
Fozzie 20 Diciembre 2016 05:36
+ 0 -
Muchas gracias por el curso compañeros! :D
Offline
ditm 20 Diciembre 2016 04:17
+ 0 -
Muchas gracias.
Offline
VictorCalderon 20 Diciembre 2016 02:19
+ 0 -
Un aporte más. La calidad se impone. Muchas gracias por compartir.
--------------------
El verdadero poder no radica en quien posee el conocimiento, sino en quien lo comparte.