Você sabe sobre imagens responsivas. É sobre a sintaxe da imagem em HTML. Se você fornecer a ele as informações corretas na sintaxe correta, poderá fazer o navegador baixar exatamente a imagem certa de que precisa, sem fornecer muitos ou poucos dados de imagem. É fantástico para o desempenho.
Você sabe que, para obter o máximo das imagens responsivas, deve preencher o polyfill com Picturefill. Você faz o download e inclui em sua página.
Você tem um plano. Você sabe o que deseja que sua página goste em determinados pontos de interrupção de consulta de mídia. Você tem tudo simulado no Sketch ou no Photoshop.
Você sabe como é a sintaxe para imagens responsivas. Você precisará de algo como a sintaxe srcset / Tamanhos para descrever sua situação.
![Sunset]()
Este screencast é sobre tudo isso. É sobre amarrar tudo junto. Trata-se de conectar o fluxo de trabalho de design e o software usado lá com o fluxo de trabalho de front end e a sintaxe usada lá. Você precisa saber como produzir as imagens nos formatos e tamanhos necessários. Você precisa saber quando obterá resultados de qualidade e quando não. Você precisa saber como medir essas imagens e usar os números certos onde. Você precisa saber como conectar suas escolhas de layout e consultas de mídia a esses números. Está tudo aqui.
Veja o Pen Demo para Screencast em Obtendo os Números para Imagens Responsivas por Chris Coyier (@chriscoyier) no CodePen.