Conoces las imágenes receptivas. Se trata de la sintaxis de la imagen en HTML. Si le da la información correcta en la sintaxis correcta, puede hacer que el navegador descargue exactamente la imagen correcta que necesita, sin darle demasiados o muy pocos datos de imagen. Es fantástico para el rendimiento.
Sabes que para aprovechar al máximo las imágenes receptivas debes rellenarlas con Picturefill. Lo descargas, lo incluyes en tu página.
Tienes un plan. Usted sabe lo que quiere que le guste a su página en ciertos puntos de interrupción de consultas de medios. Lo tienes todo simulado en Sketch o Photoshop.
Sabes cómo es la sintaxis de las imágenes receptivas. Necesitará algo como la sintaxis srcset / size para describir su situación.
![Sunset]()
Este screencast trata sobre todo eso. Se trata de unirlo todo. Se trata de conectar el flujo de trabajo de diseño y el software que se usa allí con el flujo de trabajo frontal y la sintaxis que se usa allí. Necesita saber cómo generar las imágenes en los formatos y tamaños que necesita. Necesita saber cuándo obtendrá resultados de calidad y cuándo no. Necesita saber cómo medir esas imágenes y usar los números correctos donde. Necesita saber cómo conectar sus opciones de diseño y consultas de medios con esos números. Todo está aquí.
Vea la demostración de lápiz para Screencast sobre cómo obtener los números para imágenes receptivas por Chris Coyier (@chriscoyier) en CodePen.