Şimdiye kadar gerçek web sitesi Photoshop tasarımımıza pek benzemiyor. Bu ekran video kaydında, başlığımız ve logo alanımızdan başlayarak tam da bunu yapmaya çalışıyoruz. Siteyi görsel olarak oluşturmaya biraz "gerçek" bir başlangıç yapmak iyi hissettiriyor.
Photoshop ile güzel bir şekilde entegre edilmiş bir renk seçici olarak Frank DeLoupe kullanıyoruz (Photoshop'ta aktif rengi seçtiğiniz rengin panonuza kopyalanmasını sağlar).
Bir noktada , hata ayıklama nedenleriyle oluşturulan gerçek CSS'yi görmek :expanded yerine CSS'yi derlemek için Sass / Compass yapılandırmasını değiştiririz :compressed.
Bir şeylerin nasıl yerleştirileceği ve bir tarayıcı penceresinin akışkan doğasına nasıl tepki vereceği konusunda biraz beyinlerimizi kullanmalıyız. Örneğin, günlük her zaman sol üst köşeye dokunmalıdır.
Her şeyi doğru yapmak için değerlerin etrafında çok fazla dürtükleme yapıyoruz, ayrıca kağıt yığını efektine hafif gölgeler eklemek gibi şeyleri daha iyi göstermek için buraya ve oraya küçük ayrıntılar ekliyoruz.