“Bazı şeylerin gitmesine izin vermek işte bu nedenle çok önemlidir. Onları serbest bırakmak. Gevşek olanı kesmek. İnsanların hiç kimsenin işaretli kağıtlarla oynamadığını anlaması gerekiyor; bazen kazanırız ve bazen kaybederiz. Hiçbir şeyi ger almayı bekleme, yaptıkların için takdir edilmeyi bekleme, ne kadar zeki olduğunun keşfedilmesini bekleme ya da aşkının anlaşılmasını. Daireyi tamamla. Gururlu, yetersiz ya da kibirli olduğun için değil, sadece artık onun senin yaşamında yeri olmadığı için. Kapıyı kapat, plağı değiştir, evi temizle, tozdan kurtul. Geçmişte olduğun kişi olmayı bırak ve şu an kimsen o ol.”
by Paulo Coelho - Zahir S. 204

12 Adet WordPress İletişim Formu Eklentisi

Tarih: Şubat 6th, 2010 | Yazar: | Kategoriler: Wordpress | Etiketler: , , | 1 Yorum »

WordPress’i bilmeyeniniz yoktur. Yinede kısa bir tanım yapalım wordpress dünyada en çok kullanılan içerik yönetim sistemlerinden (CMS) biri. Bu yazımda da wordpress için yapılmış iletişim formlarından 12 tanesini paylaşacağım. İletişim formu sitelerinize giren misafirler ile site sahibini kolayca iletişime geçeceği formlar olarak düşünün adı üstünde iletişim formu 🙂

WordPress ekletin kurmak oldukça basit yapmanız gereken sunucudaki wordpress klasörünüze herhangi bir ftp programı aracılığı ile açın daha sonra “wp-content/plugins/” klasörüne indirdiğiniz eklentiyi yükleyin. Ekletiyi aktif etmek için yönetici panelinden Eklentiler(Plugins) sekmesini açın yüklediğiniz eklentiyi orada göreceksiniz Aktif et(Activate) tıklayın ve eklentiniz aktif olsun.

WordPress İletişim Formu Eklentileri

cformsII

Contact Form 7

Clean Contact

Dagon Design Form Mailer

MM Forms

WP Contact Form

SimpleModal Contact Form (SMCF)

Tiny Contact Form

Scaleable Contact Form

Visitor Contact Forms

Fast and Secure Contact Form

ONW Simple Contact Form


JQuery ile Tarayıcı Motorunu Öğrenelim

Tarih: Şubat 3rd, 2010 | Yazar: | Kategoriler: Javascript, jQuery | Etiketler: , | Yorum Yok »

Maalesef tüm tarayıcı motorları kodları aynı şekilde yorumlamıyor. Css ile uğraşmış olanlar ne demek istediğimi çok iyi anlamıştır :). Bu sorunları halletmek için bazı metotlar mevcut bunlardan biri ise JQuery kullanarak tarayıcı motorunu tespit edip ona göre hareket etmek. JQuery’nin tespit edebildiği 5 adet tarayıcı motoru var. Bunlar;

  • Mozilla
  • Msie
  • Opera
  • Safari
  • Webkit (JQuery 1.4 sürümünde dahil edildi)

Peki nasıl yapıyoruz?

$(document).ready(function(){
var motorAdi;
if($.browser.webkit) {
motorAdi = 'Webkit';
}
else if($.browser.safari) {
motorAdi = 'Safari';
}
else if($.browser.opera) {
motorAdi = 'Opera';
}
else if($.browser.msie) {
motorAdi = 'Msie meşhur internet explorer en çok baş ağrıtan budur:)';
}
else if($.browser.mozilla) {
motorAdi = 'Mozilla';
}
alert('Bu tarayıcı ' + motorAdi + ' moturu kullanıyor!');
});

Tarayıcıda kullanılan motor hangisi ise o motor ismine true değeri yükleniyor bu sayede if yapısında o tarayıcı motorunun hangisi olduğunu kolaylıkla bulabiliyoruz.

Demo


Ücretsiz vektör tabanlı ikon paketi

Tarih: Şubat 1st, 2010 | Yazar: | Kategoriler: Dışlananlar | Etiketler: , | Yorum Yok »

Websitenizin arayüzünde kullanabileceğiniz ücretsiz olarak dağıtılan vektör tabalı ikon paketi. Okuma, yazma, alt düzenlemeler içi kullanılabilir. Kaynak dosyası da olduğu için isterseniz düzenlemek istediğiniz yeri kaynak dosyasından düzenleyebilirsiniz.

İndirmek için tıklayın.


JQuery ile Sürükle Bırak ve Yeniden Boyutlandırma

Tarih: Ocak 31st, 2010 | Yazar: | Kategoriler: jQuery | Etiketler: , , | Yorum Yok »

Bu yazımda JQuery ile herhangi bir elementin ekran üzerindeki yerini değiştirmeyi ve boyutu değiştirmeyi anlatacağım. Bunun için JQuery yanında JQuery UI sınıfını kullancağız bu yüzden aşağıdaki dosyaları sayfamıza dahil etmemiz gerekiyor.

Gerekli Dosyaları Sayfamıza Dahil Edelim

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>

ui.css dosyasını olmazsa olmaz değildir isterseniz kendi css dosyanızda kendi stillerinizi kullanarak sürüklenip bırakılacak elementi özelliklerini değiştirebilirsiniz.

Element Tanımlama

Sayfamızdaki hangi elementi sürükle bırak ve boyutlandırma özelliğini kazandırmak istiyoruz öncelikle bunu belirlememiz lazım. Eğer birden fazla elemente aynı özellikleri kazandırmak istiyorsak sınıf kullanmamız daha doğru olacaktır durum tam tersi ise sınıf yerine kimlik(identity) kullanmamız daha doğru olacaktır. Ben #resizeDiv olarak tanımladığım elementi kullanacağım.

<div id="resizeDiv">Sürükle Bırak &amp; Boyutlandır</div>

Elementi tanımladıktan sonra bu elementi sürüklenip bırakılması için bazı stil özellikleri vermemiz gerekiyor. Kısacası position özelliğini absolute yaparak elementin yeri tanımlandığı yerde değilde bizim istediğimiz yerde görebiliriz. Gerekli stil kodu aşağıda.

#resizeDiv {
	width:150px;
	height:150px;
	padding:5px;
	background-color:#ff8811;
	position:absolute;
	top:0px;
	left:0px;
}

Elementi Sürükle Bırak ve Boyutlandırma Özelliği Kazandıralım

Elementin stil özelliklerini kazandırdıktan sonra yapmamız gereken tek şey UI sınıfının bize sunduğu draggable ve resizable nesnelerini kullanmak olacak. Kullanım şekli oldukça basit aşağıda kodlarını görebilirsiniz.

$(document).ready(function() {
	$('#resizeDiv')
	.draggable()
	.resizable();
});

Hepsi bu kadar ancak bunun yetinmek istemiyorsanız bu nesnelerin parametrelerini değiştirmek istiyorsanız aşağıdaki linkleri kullanabilirsiniz. Yada çalışan bir demo görmek istiyorsanız demo linkinden faydalanabilirsiniz.

Demo


http://jqueryui.com/demos/draggable/
http://jqueryui.com/demos/resizable/


Google Chrome’a Nasıl Eklenti Kurabiliriz?

Tarih: Ocak 30th, 2010 | Yazar: | Kategoriler: Dışlananlar | Etiketler: , , | Yorum Yok »

Getirdiği radikal değişiklikler ve google’ın yüksek pazarlama gücü ile beraber şimdiden %4 pazar payına ulaştı Google Chrome. Firefox ile iyice yaygınlaşan tarayıcılara eklenti kurmak artık çoğu kullanıcının vazgeçilmezi oldu. Eklenti ne işe yarar derseniz web sitelerinde çıkan reklamlarını engellemekten tutunda maillerinizi sesli uyarı ile almaya kadar binlerce konuda çok yararlı eklentiler mevcut. Unutmadan belirteyim Google Chrome da eklenti kelimesi kullanılmamış onun yerine uzantı kelimesi tercih edilmiş. Ben daha kolay anlamanız için eklenti kelimesini kullanacağım.

Şu anki  stabil Google Chrome sürümüne eklenti kurulamıyor bu yüzden şimdilik eklenti kurulabilen sürümü 4.0.249.78 beta indirip kurmamız gerekiyor indirmek için tıklayın.

Kurulum işlemi bittikten sonra eklenti (uzantı) kurulabilen bir Google Chrome sahipsiniz demektir.

Eklenti kurmak ise oldukça basit Google Chrome Uzantılarına giderek var olan tüm eklentilerden faydalanabilirsiniz. Gitmek için tıklayın.

Kısa bir sürü sonra kendi kullandığım tüm eklentilerinde oluşan yeni bir yazı yazacağım  keşfedilmemiş ama çok işinize yarayacak eklentileri gelecek yazımda görebilirsiniz.