Bevor wir uns mit Typografie beschäftigen, dachte ich, wir beheben das lästige Problem, dass die Bilder aus dem Artikelbereich und dem Raster herausragen. Mit einigen einfachen CSS-Regeln, um Inline-Bildattribute und -stile zu überschreiben, können wir Bilder auf die richtige Größe für unseren Beitrag quetschen.
Bilder auf diese Weise zu quetschen war früher eher uncool, da Browser schlecht skalieren konnten, aber das ist heute nicht mehr der Fall. Es ist eigentlich eine gute Idee, da Displays eine höhere Auflösung erhalten und die Bilder schärfer werden.
Die Skalierung wird im Wesentlichen behandelt durch
figure img {
max-width: 100%;
height: auto !important;
}Wir stylen die Figuren und Bildunterschriften ein wenig auf, damit sie, wissen Sie, wie eine richtige Figur in einem Blogbeitrag aussehen.
Dieses Video erscheint unter der #23 auf der Videoliste.
Großartige Screencasts, Chris, voller kleiner Juwelen. Das Design rockt!
Chris! Es scheint, als hättest du versehentlich diesen Screencast und den aktuellen 23. gemischt.
Denn das ist eigentlich die 23. Bitte korrigiere das :)
Übrigens, tolle Screencasts, ich liebe sie total!
Scheint mir die richtige zu sein. Was siehst du? Kannst du mehr Details erklären oder mir einen Screenshot schicken? Ich ziehe auch wieder den Video-Host um, also wird es wahrscheinlich morgen überarbeitet und bei Problemen behoben.
Ich werde das begraben, um den Kommentarthread direkter auf den Inhalt zu beziehen. Cheers!
Nun, ich habe es bemerkt, weil in diesem (dem 22.) Screencast die Datei _typopgraphy.scss bereits erstellt ist, aber im nächsten (dem 23.) Screencast erstellst du diese Datei tatsächlich :)
Ah, interessant. Ich könnte die Nummern/Reihenfolge einfach vertauschen. Würde alles andere Sinn ergeben?