We hebben de opmaak voor de Treehouse-advertentie bovenaan de pagina, maar we hebben wat stylingwerk te doen. We beginnen met de boomgrafiek zelf.
We denken dat het gebruik van vector en uitvoer als SVG cool kan zijn omdat het er scherp uitziet en een kleine bestandsgrootte heeft. Kijk hoe ik rondfladder in Illustrator en probeer een mooie, schone versie ervan in alle vectoren te krijgen en uiteindelijk mislukt. Voor nu besluiten we het te vergeten en er gewoon een afbeelding van te maken.
Blijkt dat Treehouse die branding sowieso niet meer gebruikt, dus ik zal het toch snel moeten updaten, en ik zal zeker de tijd nemen om er SVG van te maken, zelfs als ik het opnieuw moet tekenen.
Voorlopig maken we PNG en plaatsen deze in het ontwerp met een CSS-achtergrond. We schatten het ver af met de achtergrondgrootte (hoewel ik mezelf opnieuw verwarde door percentages te gebruiken - onthoud dat wanneer je een percentage gebruikt, dit een percentage is van het deelelement en niet een percentage van de grootte van de afbeelding zelf).
We krijgen de kleur, maatvoering en positionering helemaal klaar. Nu is de laatste stap om het te laten werken in het responsieve ontwerp.