Vous connaissez les images responsives. Il s'agit de la syntaxe de l'image en HTML. Si vous lui donnez les bonnes informations dans la bonne syntaxe, vous pouvez demander au navigateur de télécharger exactement la bonne image dont il a besoin, sans lui donner trop ou trop peu de données d'image. C'est fantastique pour la performance.
Vous savez que pour tirer le meilleur parti des images responsives, vous devez les polyfill avec Picturefill. Vous le téléchargez, vous l'incluez sur votre page.
Vous avez un plan. Vous savez ce que vous voulez que votre page aime à certains points d'arrêt de requête multimédia. Vous avez tout simulé dans Sketch ou Photoshop.
Vous savez à quoi ressemble la syntaxe des images responsives. Vous aurez besoin de quelque chose comme la syntaxe srcset / tailles pour décrire votre situation.
![Sunset]()
Ce screencast concerne tout cela. Il s'agit de tout lier. Il s'agit de relier le flux de travail de conception et le logiciel utilisé avec le flux de travail frontal et la syntaxe utilisée. Vous devez savoir comment produire les images dans les formats et tailles dont vous avez besoin. Vous devez savoir quand vous obtiendrez une sortie de qualité et quand vous ne le ferez pas. Vous devez savoir comment mesurer ces images et utiliser les bons nombres où. Vous devez savoir comment associer vos choix de mise en page et vos requêtes multimédias à ces nombres. Tout est ici.
Voir la démonstration de Pen pour Screencast sur l'obtention des chiffres pour des images réactives par Chris Coyier (@chriscoyier) sur CodePen.