У нас є розмітка для оголошення Treehouse у верхній частині сторінки, але у нас є певна робота зі стилізації. Ми починаємо з самої графіки дерева.
Ми думаємо, що використовувати вектор і виводити як SVG може бути круто, оскільки це буде виглядати чітко і мати невеликий розмір файлу. Подивіться, як я хитаюся в Illustrator, намагаючись отримати гарну чисту версію його у всіх векторах, і врешті-решт не вдається. Наразі ми вирішили про це забути і просто зробити образ.
Виявляється, Treehouse і так більше не використовує цей брендинг, тому мені все одно доведеться його оновити найближчим часом, і я точно витрачу час, щоб зробити його SVG, навіть якщо мені доведеться його повторно намалювати.
На даний момент ми робимо PNG і додаємо його до дизайну з фоном CSS. Ми зменшуємо його розмір до розміру фону (хоча я ще раз переплутав себе, використовуючи відсотки - пам’ятайте, коли ви використовуєте відсоток, це відсоток елемента патенту, а не відсоток від розміру самого зображення).
Ми отримуємо забарвлення, розмір і позиціонування всього набору. Тепер останній крок - змусити його працювати в адаптивному дизайні.