Wir haben das Markup für die Baumhausanzeige oben auf der Seite eingerichtet, aber wir müssen noch einige Stylingarbeiten durchführen. Wir beginnen mit der Baumgrafik selbst.
Wir denken, dass die Verwendung von Vektor und Ausgabe als SVG cool sein könnte, da es scharf aussieht und eine kleine Dateigröße hat. Beobachten Sie, wie ich in Illustrator herumwirbele und versuche, eine schöne, saubere Version davon in allen Vektoren zu erhalten, und scheitern letztendlich. Im Moment beschließen wir, es zu vergessen und es einfach zu einem Bild zu machen.
Es stellt sich heraus, dass Treehouse dieses Branding sowieso nicht mehr verwendet, daher muss ich es sowieso bald aktualisieren, und ich werde mir definitiv die Zeit nehmen, es zu SVG zu machen, selbst wenn ich es neu zeichnen muss.
Im Moment erstellen wir PNG und fügen es mit einem CSS-Hintergrund in das Design ein. Wir verkleinern es mit der Hintergrundgröße (obwohl ich mich noch einmal durch die Verwendung von Prozentsätzen verwirrt habe - denken Sie daran, wenn Sie einen Prozentsatz verwenden, ist dies ein Prozentsatz des Teilelements, kein Prozentsatz der Größe des Bildes selbst).
Wir bekommen die Färbung und Dimensionierung und Positionierung alles eingestellt. Jetzt ist der letzte Schritt, dass es im Responsive Design funktioniert.