Kami memiliki markup untuk iklan Treehouse di bagian atas halaman, tetapi kami memiliki beberapa pekerjaan gaya yang harus dilakukan. Kami mulai dengan grafik pohon itu sendiri.
Kami berpikir bahwa menggunakan vektor dan keluaran sebagai SVG mungkin keren karena akan terlihat tajam dan berukuran file kecil. Perhatikan saya bermain-main di Illustrator mencoba mendapatkan versi bersih yang bagus di semua vektor dan akhirnya gagal. Untuk saat ini kami memutuskan untuk melupakannya dan membuatnya menjadi gambar.
Ternyata, Treehouse tidak lagi menggunakan branding itu, jadi saya harus segera memperbaruinya, dan saya pasti akan meluangkan waktu untuk membuatnya menjadi SVG, bahkan jika saya harus menggambar ulang.
Untuk saat ini, kami membuat PNG dan memasukkannya ke dalam desain dengan latar belakang CSS. Kami mengukurnya jauh ke bawah dengan ukuran latar belakang (meskipun saya bingung lagi dengan menggunakan persentase - ingat ketika Anda menggunakan persentase itu adalah persentase elemen parten bukan persentase dari ukuran gambar itu sendiri).
Kami mendapatkan pewarnaan dan ukuran serta pemosisian semua siap. Sekarang langkah terakhir adalah membuatnya bekerja dalam desain responsif.