Kami mempunyai tanda untuk iklan Treehouse di bahagian atas halaman, tetapi kami mempunyai beberapa kerja penggayaan. Kita mulakan dengan grafik pokok itu sendiri.
Kami berfikir bahawa menggunakan vektor dan output sebagai SVG mungkin keren kerana ia akan kelihatan tajam dan berukuran kecil. Tonton saya bermain-main di Illustrator yang berusaha mendapatkan versi bersihnya yang bagus dalam semua vektor dan akhirnya gagal. Buat masa ini kami memutuskan untuk melupakannya dan menjadikannya gambar.
Ternyata, Treehouse tidak lagi menggunakan penjenamaan itu, jadi saya perlu segera memperbaruinya, dan saya pasti akan meluangkan masa untuk menjadikannya SVG, walaupun saya harus melukisnya semula.
Buat masa ini, kami membuat PNG dan memasukkannya ke dalam reka bentuk dengan latar belakang CSS. Kami mengecilkannya dengan ukuran latar belakang (walaupun saya membingungkan diri saya lagi dengan menggunakan peratusan - ingat ketika anda menggunakan peratusan itu adalah peratusan elemen pemisah bukan peratusan ukuran gambar itu sendiri).
Kami mendapat pewarnaan, ukuran dan kedudukan yang betul. Sekarang langkah terakhir adalah menjadikannya berfungsi dalam reka bentuk responsif.