Du kender til responsive billeder. Det handler om billedsyntaks i HTML. Hvis du giver det de rigtige oplysninger i den rigtige syntaks, kan du få browseren til at downloade nøjagtigt det rigtige billede, den har brug for, uden at give den for meget eller for lidt billeddata. Det er fantastisk til ydeevne.
Du ved, at for at få mest muligt ud af responsive billeder, skal du udfylde det med Picturefill. Du downloader det, du inkluderer det på din side.
Du har en plan. Du ved, hvad du vil have din side til at bryde med visse medieforespørgsler. Du har det hele spottet i Sketch eller Photoshop.
Du ved, hvordan syntaksen for responsive billeder er. Du har brug for noget som syntaks for srcset / størrelser for at beskrive din situation.
![Sunset]()
Denne screencast handler om alle de ting. Det handler om at binde det hele sammen. Det handler om at forbinde designworkflowet og den software, der bruges der, med frontend-workflowet og den syntaks, der bruges der. Du har brug for at vide, hvordan du udskriver billederne i de formater og størrelser, du har brug for. Du skal vide, hvornår du får kvalitetsoutput, og hvornår du ikke får det. Du skal vide, hvordan man måler disse billeder og bruger de rigtige tal hvor. Du skal vide, hvordan du forbinder dine layoutvalg og medieforespørgsler med disse numre. Det hele er herinde.
Se pendemonstrationen for Screencast om at få numrene til responsive billeder af Chris Coyier (@chriscoyier) på CodePen.