Google Material Design Menu

material design menu Google Material Design MenuGoogle‘ın ses getiren tasarım trendi Material Design üzerine konuşmaya devam ediyoruz. Bugün Bennett Feely tarafından CSS ile hazırlanan menü örneğini sizlerle paylaşacağız.

Bennett’in örneği Material Design’ın estetik ve animatif tarafını başarılı bir şekilde yansıtmakta.

Web öğelerinin sadece spesifik kısımlarını CSS ile göstermemizi sağlayan clip-path tanımı da bu tasarımda faydalı bir şekilde kullanılmakta.

Eğer hazırsanız başlayalım.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


Haftalık
haftalik-ucretsiz-tema-4

Haftanın Ücretsiz Web Teması #4

Bu hafta sizlerle Colorlib tarafından hazırlanan Dazzling temasını paylaşıyor olacağız. Türkçede göz ‘kamaştırıcı’ anlamına gelen Dazzling isminin hakkını veriyor.

Yeşil tonlamaların hakim olduğu tasarımda klasik bir blog yapısı Bootstrap altyapısıyla destekleniyor. Barındırdığı şık footer tasarımı da koyu tonlamalarıyla bütünlüğü koruyor. (daha&helliip;)

Devamını Oku

css-modal

Sadece CSS ile Modal Yapımı

Web tasarımının klasikleşmiş popup yapıları yerlerini modallara bıraktılar. Sayfa değişimine gerek kalmadan ve yeni sekme açmadan çalışan modal öğeleri web kullanıcılarına büyük kolaylıklar sağlamakta.

İnternette karşılaştığımız neredeyse tüm modal tasarımları da jQuery desteğiyle hazırlanmakta. Ancak gelişen teknolojiler yeni teknikleri de beraberinde getirmekte.

CSS3‘ün :checked selector tanımı sayesinde hiçbir JavaScript kütüphanesine ihtiyaç duymadan hem basit hem de performanslı modal yapısı oluşturabilirsiniz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

css3ps

CSS3PS : PSD to CSS Converter

Web tasarımı ile uğraşanlar bilir, Photoshop ile çizilmiş tasarımları CSS‘e dökmek zor bir zanaattir. Bu yüzden birçok tasarımcı hazırladığı PSD dosyalarını CSS’e çevirmesi için profesyonel destek almak zorunda kalır. Kaybedilen zaman ve para da cabası.

İşte bu aşamada yardımımıza koşan onlarca Photoshop eklentisi mevcut. Bugün, bu listenin en çok dikkat çekenlerinden birini sizler için inceleyeceğiz.

CSS3PS, Photoshop’un CS3 ve sonraki versiyonlarda çalışan, katmanları otomatik olarak CSS kodlamasına çeviren bir eklenti. Ücretsiz bir şekilde kullanabileceğiniz bu eklenti sayesinde PSD to CSS çeviri işlemleriniz fazlasıyla hız kazanacak!

(daha&helliip;)

Devamını Oku

Adobewordpress Gururla Sunar : awTooltip

awTooltip Adobewordpress Gururla Sunar : awTooltipWeb tasarımında yer alan en küçük tasarım tiplerinden olan Tooltip öğeleri aslında gözüktüğü kadar basit yapılı değiller. Birçok Tooltip eklentisi büyük bir JavaScript koduyla birlikte fonksiyonel bir hale bürünmekte. Peki ya bütün bu yapıyı minimalize etmek mümkün değil mi?

Adobewordpress sizler için gücünü CSS‘den alan bir Tooltip yapısı hazırladı.

Karşınızda awTooltip

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Haftalık
haftalik-ucretsiz-tema-3

Haftanın Ücretsiz Web Teması #3

Seriyi bozmuyoruz ve yine HTML5 up tarafından hazırlanmış şık bir temayla sizlerle buluşuyoruz : Aerial

600 KB’dan oluşuyor olması sizleri şaşırtmasın, geçişli bir arkaplana sahip bu tema tek bir ekrandan oluşmakta. Özellikle kişisel kullanım için uygun bu tasarım Font Awesome ile sosyal ağ ikonlarını anasayfanıza eklemenizi sağlıyor. (daha&helliip;)

Devamını Oku

WordPress’te Eski Yazılarınızı Otomatik Paylaşın

linkedin twitter facebook WordPresste Eski Yazılarınızı Otomatik Paylaşın

Büyük emekler harcayarak hazırladığınız içerikler ikinci sayfaya düştüğünde unutulup gidiyor mu? Dert etmeyin.

WordPress‘in Revive Old Post isimli eklentisi sayesinde unutulmaya yüz tutmuş konularınızı Twitter, Facebook ve LinkedIn hesaplarınızda otomatik paylaşarak takipçilerinize tekrar ve tekrar servis edebilirsiniz.

Hem de ücretsiz! (daha&helliip;)

Devamını Oku