Sie kennen reaktionsschnelle Bilder. Es geht um die Bildsyntax in HTML. Wenn Sie ihm die richtigen Informationen in der richtigen Syntax geben, können Sie den Browser dazu bringen, genau das richtige Bild herunterzuladen, ohne zu viele oder zu wenig Bilddaten anzugeben. Es ist fantastisch für die Leistung.
Sie wissen, dass Sie, um das Beste aus reaktionsschnellen Bildern herauszuholen, diese mit Picturefill füllen sollten. Sie laden es herunter und fügen es Ihrer Seite hinzu.
Du hast einen Plan. Sie wissen, wie Ihre Seite an bestimmten Haltepunkten für Medienabfragen aussehen soll. Sie haben alles in Sketch oder Photoshop verspottet.
Sie wissen, wie die Syntax für reaktionsfähige Bilder lautet. Sie benötigen so etwas wie die Syntax srcset / size, um Ihre Situation zu beschreiben.
![Sunset]()
In diesem Screencast geht es um all das Zeug. Es geht darum, alles zusammenzubinden. Es geht darum, den Design-Workflow und die dort verwendete Software mit dem Front-End-Workflow und der dort verwendeten Syntax zu verbinden. Sie müssen wissen, wie die Bilder in den von Ihnen benötigten Formaten und Größen ausgegeben werden. Sie müssen wissen, wann Sie eine qualitativ hochwertige Ausgabe erhalten und wann nicht. Sie müssen wissen, wie Sie diese Bilder messen und wo Sie die richtigen Zahlen verwenden. Sie müssen wissen, wie Sie Ihre Layoutoptionen und Medienabfragen mit diesen Nummern verbinden. Es ist alles hier drin.
Weitere Informationen finden Sie in der Pen-Demo für Screencasts zum Abrufen der Nummern für reaktionsschnelle Bilder von Chris Coyier (@chriscoyier) auf CodePen.