V horní části stránky máme značku pro reklamu Treehouse, ale musíme udělat nějaké stylové práce. Začneme samotnou grafikou stromu.
Myslíme si, že použití vektoru a výstupu jako SVG může být skvělé, protože to bude vypadat ostře a bude mít malou velikost souboru. Sledujte, jak se v Illustratoru snažím získat pěknou čistou verzi ve všech vektorech a nakonec selhat. Prozatím jsme se rozhodli na to zapomenout a udělat z toho jen obrázek.
Ukázalo se, že Treehouse tuto značku už stejně nepoužívá, takže ji budu brzy muset aktualizovat a určitě si udělám čas na to, aby to bylo SVG, i když to musím znovu nakreslit.
Prozatím vytváříme PNG a vkládáme je do designu s pozadím CSS. Zvětšujeme to s velikostí pozadí (i když jsem se znovu zmátl pomocí procent - pamatujte, že když použijete procento, je to procento dílčího prvku, ne procento velikosti samotného obrázku).
Získáváme zbarvení, dimenzování a umístění celé sady. Posledním krokem je, aby to fungovalo v responzivním designu.