Tasarımda altın oran Link
Blogcular için WordPress araçları Link
Pixel’i em’e çevirin Link
Vurucu çocuk fotoğrafları Link
Photoshop Işık efektleri Link
Sayfa Yükleniyor ...
i have a <style>!
Yılbaşı geliyor malum… Herkes de Milli Piyango’dan çıkacak büyük ikramiyenin çılgınlığını (25 milyon YTL’cik) konuşuyor.
Kimi alacaklarını hayal ediyor, kimi yapacaklarını. Çok klasiktir, sorarlar: “Büyük ikramiye size çıksa ne yaparsınız?”
Ben tersini soruyorum:
“Büyük ikramiye size çıksa ne yapmazsınız?”
Emrah: Karımı boşamam! (so cuteeee)
İlkay: Kendimi dondurtmam!
Fazlı : Çıksa bile sana para vermem… (Ama çıkmıcak zateeen)
Zuhal: Boşanmam.
İsa: Erken kalkmam.
Murat Bey: Bir daha bana büyük ikramiye çıksa şunu şunu yaparım demem.
Gözde: Hayatın keyfini çıkarmaktan vazgeçmem.
Duygu: Bütün ikramiyeyi kendime ayırmazdım .
Rik Oostenbroek adlı grafik tasarımcının etkileyici çalışmalarını paylaşmak istedim.
Bu derleme Boogiesbc sitesinden alınmıştır.
Bu teknik Chris Coyier‘in web sitesinden alınmıştır.
Bu uygulama sabitlenmiş (fixed) arkaplan kullanımı için uygundur.
İşin püf noktası ise iki arkaplan (background) resmi kullanmak. Orijinal resmi body elemanının arkaplanı, bulanık renkli resmi ise içerik kapsayıcı alanın arkaplanı olarak belirlemek bizi amacımıza ulaştırıyor. Görüntü kaymalarını önlemek, iki resmi aynı konumda tutmak için de background-attachment özelliğini fixed olarak belirliyoruz.
Özetle, yazmamız gereken kod aşağıdaki gibi:
body {
background: url(images/bg-solid.jpg) no-repeat;
}
#page-wrap {
background: url(images/bg-blurry.jpg) no-repeat fixed;
width: 500px; margin: 40px auto;
}NOT: Kaynak kodları indirip index.html’i çalıştırdığınızda tarayıcınıza bağlı olarak yuvarlak köşe elemanlarını göremeyebilirsiniz, sebebi “-moz-border-radius: 30px; -webkit-border-radius: 30px; ” kullanımı ile bu köşelerin oluşturulmasıdır.
Web Design Depot tarafından hazırlanmış mükemmel bir liste.
We are not freelancers sitesi kendi sitelerinde kulanılan objeleri nasıl oluşturup kullandırdıklarını anlatmış.
CSS ile ilgili yardıma ihtiyaç duyduğunuzda göz atabileceğiniz siteler:
Kaynak: Vandelay Design