Frinde izlemekten ciğerim soldu.

bi ara blog açıp sürekli bişeyler yazıcam diye kendimi programlamıştım ancak ne olsun :S fringe ile tanıştım ve tam tamına izlediğim bölüm sayısı bilinmiyor işte hesaplayın ya, blog u açtım sonra soluksuz 4 sezon izledim. ardından buraya yazmak geldi aklıma :)

staja devam ediyorum. orda şuan bişeyler yapmak değilde birşeyler öğrenmeye odaklanmış durumdayım. yani şuan birşeyler üretmek yerine birşeyleri kazanmaya ve altyapıyı sağlamlaştırmaya bakıyorum. aslında şu aralar blog tam anlamıyla ziyaret edilmiyor. haklılar içerik yok ki, google bile bi uğrayıp bakayım demedi :)

en kısa zamanda birkaç örnek ile tekrar makale ekleyeceğim.

jquery class ekleme çıkarma ve sıralı claslama

Başlık tam anlatamamış olabilir, bu konumuzda jquery ile click(); işlemi olsun .hover(); olsun veya ne biliyim, herhangi bir keyup(); keydown(); değişikliğinde veya document.ready olayında bir nesnemize class eklemek istemiş olabiliriz ya, işte bu konuda bu class'ı nasıl ekliceğimizi veya nasıl çıkartacağımızı öğreneceğiz.

class eklerken dikkat etmemiz gereken hususlardan bitanesi, eklemek istediğimiz classımız bir yerde style konumunda yazılı olması gerekli, css'in içinde.
yani :
.sinifadi {margin:20px; padding:10px; background:#ff656565;} //Burda sınıfımız arkaplan rengi filan veriyor.


diyelim ki bir kutumuz var ve birde button. buttona tıkladığımızda kutumuza bu sınıfı atamak istiyorsak kullacağımız kod şu şekilde olmalıdır.

$(".button").click(function(){
      $("#kutu").addClass("sinifadi "); // burda dikkat etmemiz gereken kısım add den sonraki C büyük ve sınıfı bidirirken nokta koymamıza gerek yok.
});

Aynı şekilde buttona tıklandığında var olan bir sınıfı silmek istiyorsak

$(".button").click(function(){
      $("#kutu").removeClass("sinifadi "); // burda dikkat etmemiz gereken kısım remove dan sonraki C büyük ve sınıfı bidirirken nokta koymamıza gerek yok.
});

Ama siz her tıkladığınızda bir silsin birde eklesin diyorsanız, toggleClass işinize yarayacak olan şey.

$(".button").click(function(){
      $("#kutu").toggleClass("sinifadi "); // burda dikkat etmemiz gereken kısım add den sonraki C büyük ve sınıfı bidirirken nokta koymamıza gerek yok.
});

Codepen ile bir örnek yaptım ve bu örnekte hem jquery hemde görsel kütüphanesi olan ui yi kullandım. ui nin örneğime kattığı - toggleClass("sinifadi","slow") - slow kısmı. ne işe yarıyor diye sorarsanız sınıfı eklerken verdiğim değere göre ekliyor. yani slow ile yavaş hızda toggleClass yapıyor. anlatamamış olabilirim. örnek çok basit onu inceleyin. :)

Örnek : http://codepen.io/kaya_577/pen/isxJF

Birde toggleClass hover örneği ui ile gecikme efekli :D : http://codepen.io/kaya_577/pen/tuGcw

Html5 yeniliklerinden placeholder - İnput arkaplanı

merhaba arkadaşlar,

ilk konu placeholder :
nedir bu placeholder dersek bence html5 ile birlikte gelen en güzel yeniliklerden biri.
aşağıdaki resimde gördüğünüz gibi biz input a tıklamadan bize orda ne yapcağımızı söylüyor.

eskiden yokmuydu böyle birşey ?

Tabii ki vardı ancak yapmak için jquery ile önce input boşmu diye baktırıyoduk. eğer sonra keyup ve lenght ile klavyeden bir tuşa basıldığında uzunluğu 0>"büyükmü" diye baktırıyorduk. eğer büyükse val() değerini boşaltıyorduk. ancak boş isede val değeri için bişeyler yazıyorduk. örnek Ara...

Peki nasıl kullanılır ?

Çok basit, inputumuzun içine placeholder="burdada yazmasını istediğimiz yazıyı yazarak".
Örnek
<input type="text" name="arama" placeholder="Bişeyler arayın" />

Bu dersimiz bu kadar. iyi günlerde kullanmanız dileği ile.

Merhaba Yazılım dünyası

Merhaba yazılım dünyası;
Aslında blogu oluşturma sebebim yazılım dünyasına hitaben değilde, bazen bana gelen ilham, merak, hırs  ve aşılması gereken sorun duygusu ile yazmış olduğum 3 - 5 kod parçacığını saklamak.

ancak bu kodları saklarken benim gibi sorunlar yaşamış arkadaşlara da yardımcı olmak sorun olmaz diye düşündüm.

Bloğumda neler buluncak ki ?

Şöyle anlatayım. şuan ilgi alanım jquery. => uzun zamandır öğrenmeye başlamak istiyordum ancak bir türlü fırsatım olmamıştı. 2013 temmuz ayında üniversite için 1 ay zorunlu stajım olduğu için ve beni staja kabul eden ve ederken "çabuk öğrenen, öğrenme yetisi olan, meraklı eleman lazım bize, yoksa aşağıdaki donanım bölümüne gidebilirsin" demesiyle, artık jquery öğrenmenin vakti geldi dedim ve şuan bayağı haşır neşirim. bir sonraki başlıklarda sizlere yaptığım örnekleri açıklamaları ile birlikte sunacağım. blogumda birde iletişim bölümü olacak. herhangi bir sorunuz olursa elimden geldiği kadarı ile yardım edicem.

birde PHP ile ilgileniyordum zamanında, evet biraz biliyorum. geliştirdiğim sağlam bir proje yok ama elimden geldiğince paylaşımlarda bulunacağım.

HTML5 ve CSS3 getirdiği ve benim beğendiğim yenilikleri paylaşacağım.

ve birazda bu akıntıda hoşuma giden kısımları paylaşacağım.

Uyku...