Google Analytics Spam Girişler nasıl engellenir?

Spam-Referral-Traffic-AdobewordpressSizler de Google Analytics’de sitenizin istatistiklerini incelerken onlarca spam referral ile karşılaşıyor musunuz? Merak etmeyin.

Bugün sizlerle Google Analytics verilerinde sıkça karşılaştığımız Spam Trafiği (Spam Referral Traffic) girişimlerini nasıl sitemizden uzak tutacağımızı konuşacağız. (daha&helliip;)

Devamını Oku


google-material-design-large

Google Material Design Örnekleri

Google‘ın Android Lollipop ile hayatımıza giren tasarım trendi üzerine konuşmaya devam ediyoruz. Bugün Material Design animasyon örneklerinden birkaç tanesine göz atacağız. Daha önce de “Instagram, Material Design ile Tasarlansaydı?” konusunda benzer bir animasyon izlemiştik.

İşte karşınızda birbirinden etkileyici Material Design örnekleri… (daha&helliip;)

Devamını Oku

Google Material Design Menu #2

google-material-design-menu2Google‘ın tasarım devrimi üzerine konuşmaya devam ediyoruz. Material Design’ın günden güne web tarafına uyarlanan örnekleri bizim makalelerimizde de yerini buluyor. Daha önce buradaki makalemizde şık bir Material Design menü örneği hazırlamıştık.

Şimdi de ekranın büyük bir kısmını kaplayan, daha büyük yapıdaki bir başka menü tasarımı konu edeceğiz. HTML5, CSS3 ve jQuery desteğiyle hazırlayacağımız bu tasarım soğuk renklerden oluşuyor.

Bu makalemizde üzerine tıklandığında büyük ölçülerde açılan ve içeriği aksi yöne ittiren şık bir menü tasarımı hazırlayacağız. İkinci Material Design menü örneğiyle sizlerleyiz!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Material Design Text Input

material-design-inputMaterial Design odaklı tasarımlar üzerine konuşmaya devam ediyoruz. Bugün hazırlayacağımız örnekte statik yapıdaki text inputlarını animatif hale çevireceğiz. CSS3 ve jQuery‘nin hünerlerinden yararlanarak hazırlayacağımız bu şık tasarım sıkıcı hale dönüşebilen formlarınıza renk katacak!

Örneği görüntüleyerek başlayabilirsiniz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Bootstrap Material Design

bootstrap-materialdesignGoogle’ın yeni nesil kullanıcı dostu tasarım prensipleri ile Twitter’ın CSS kütüphanesini bir arada kullanmaya ne dersiniz?

Material Design‘ı mobil ortamda yeni yeni görmeye başlamışken web tarafında işler daha hızlı ilerliyor. Web geliştiricileri günden güne yeni Material Design elemanları paylaşırken şimdi de Bootstrap tarafında hareketlenmeler yaşanmaya başladı. FezVrasta, GitHub sayfasında paylaştığı bu web önyüzüyle son günlerde fazlasıyla popüler. (daha&helliip;)

Devamını Oku

Instagram, Material Design ile Tasarlansaydı?

google-material-designGoogle’ın ses getiren tasarım trendi Material Design ile hazırlanmış konsept tasarımlar günden güne kendini gösteriyor. Tasarımcılar özellikle günlük hayatta bol bol kullandığımız uygulamalara değinmekte.

Bugün de Emmanuel Pacamalan tarafından hazırlanmış Instagram konseptini sizlerle paylaşıyor olacağız.

Başlamadan önce Material Design ile ilgili daha fazla şey öğrenmek isterseniz;

(daha&helliip;)

Devamını Oku

Google Material Design Menu

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

google-material-design-large

Google’ın Yoğurt Yeme Şekli : “Material Design”

google-ioGoogle, geçtiğimiz dönemde IO kapsamında Android için arayüz tasarımını açıkladı. Aslında buradaki Android filtresi sıradan bir maske. “Material Design” şeklinde isimlendirilen bu yeni trend sadece Android arayüzlerini değil, Chrome OS ve Google’ın tüm web servislerinde yer bulacak. Bu da teknolojiyle en ufak alakası olan herkesin Material Design’ı kullanacağı anlamına geliyor.

İlk bakışta Flat Design‘ın renklerini anımsatsa da herşey artık daha canlı. Tüm renkler açılmış. Beraberinde minimalist yapı korunmuş. Ayrıca bol bol kullanılan animasyon ve geçişler sayesinde bir ekranın gösterebileceğinden fazla içerik iç içe eklenmiş. Bu da kullanım kolaylığı konusunda dikkat çeken yeniliklerden birisi.

Sağlanan kullanıcı deneyimi de UX Awards tarafından gold price ile ödüllendirildi. Açıklama ise şu sözlerle başlıyor : “Çoklu ürün ~ platform için gerçekçi hisse sahip yüzeyler, kalınlaşmış grafik design ve işlevsel hareketlilik ile tasarıma yeni bakış açısı.

Peki ya Google ne diyor?

“Focus on the user and all else will follow.”

(daha&helliip;)

Devamını Oku

CSS ile Material Design’ın Ripple Efekti

google-material-designGoogle‘ın ses getiren tasarım trendi Material Design ile birlikte görmeye alıştığımız dalgalanma efektini CSS ve jQuery ile hazırlamak mümkün. Bu şık efekt kullanıcıya tıklama hissiyatını vermenin yeni yolu. Özellikle web sayfanızın mobil ekranlarında kullanmanızı önerebileceğimiz bu tasarımın örneğini aşağıdan görüntüleyebilirsiniz.

Bu dersimizde su dalgalanmasını andıran bir tıklama efekti hazırlayacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

WordPress Kullanan 10 Dünya Devi

WordPressGünümüz CMS’leri arasında en çok tercih edenler listesinin başında gelen WordPress, birçok dünya devi tarafından da yıllardır kullanılmakta.

2014 rakamları PHP tabanlı bu yapının rakiplerine büyük bir sağladığı gösteriyor. WordPress, %60,7 oranıyla internetin en çok kullanılan içerik yönetim sistemi. WordPress’i %8 ile Joomla izliyor.

Bu makalemizde pastanın %60,7 dilimi içerisindeki dünya devlerinden sadece 10’unu tanıyacağız. (daha&helliip;)

Devamını Oku