Tablo Etiketinin Gönlünü Almak 2
Yazar: Volkan Görgülü | Yayın Tarihi:
05 Ağustos 2008 | Yorumlar:
15 Yorum
Kategori: CSS & XHTML
Merhaba arkadaşlar, takip edenler bilirler tablo etiketinin gönlünü almak üzere bir girişimde bulunmuştum. Bu ikinci girişimimde ise basit bir JQuery kodu kullanarak, normal tablomuzu, nasıl çok kolay bir şekilde zebra tablo haline getireceğimizi göstereceğim. Ayrıca üzerine geldiğimiz satırın diğer satırlardan daha öne çıkmasını sağlıyacağız.
Zebra Tablo?
Normal tablo ile bir zebra tablo arasındaki farkı resimden kolayca görebilirsiniz. Peki Zebra tablonun getirileri ne? Arkadaşlar bence zebra tabloların okunabilirliği çok daha yüksek, gözünüz satırları çok kolay ayırt edebiliyor, bir satırı okurken o satıra odaklanıyorsunuz, diğer satırlara gözünüz kaçmıyor.
JQuery
Arkadaşlar hani diyoruz ya içerik ve sunumu birbirinden ayırmak, yani içeriği XHTML ile kodlamak, sunumu ise CSS ile kodlamak. Aslında bu cümle eksik, doğrusu şöyle olmalı. İçerik, sunum ve etkileşimi birbirinden ayırmak ve işte etkileşimi kodlamak kısmında işin içine JQuery giriyor.
JQuery bir JavaScript kütüphanesi. Benim JavaScript ile alakam yok ama JQuery’yi ufak ufak öğrenmeye başladım, kesinlikle çok zevkli ve öğrenmesi çok kolay, JQuery’ye giriş tarzında paylaşımlarım olacak ama beni beklemek yerine EBurhan‘ın harika paylaşımlarına göz atabilirsiniz 
Çok basit JQuery kodları ile sayfalarınıza çok tatlı etkileşimler katabilirsiniz. Ayrıca JQuery bilgisi XHTML ve CSS bilgilerinin yanına çok yakışıyor
Bir sonraki paylaşımımda görüşelim olur mu?
Başka bir paylaşımımı inceleyebilirsiniz
Düşüncelerinizi duymaya ihtiyacım var!
Zamanınızın çok küçük bir bölümünü ayırarak, bu form aracılığı ile yazı hakkındaki düşüncelerinizi paylaşabilirsiniz.
Yazıya Gelen Yorumlar
1
emre55
05 Ağustos 2008´de söylemiş
yine güzel bir paylaşım teşekkürler,işime yarayacağından emin olabilirsin:D
2
eray usta
05 Ağustos 2008´de söylemiş
volkan görgülü video harika teşekkür ederim.
3
Mert Çakır Yıldırım
05 Ağustos 2008´de söylemiş
Gerçekten faydalı bir paylaşım olmuş. Umarım Jquery’i yeni yapacağın temada sık sık kullanırsın. Tema yapımı için hazırlayacağın videoları sabırsızlıkla bekliyoruz.
4
Cihan ÖNER
05 Ağustos 2008´de söylemiş
Güzel olmuş..
Bende JQuery’e başlayacağım daha önceden de çok az javascript bilgim vardı.
Peki hocam gösterdiğin tablo etiketleri yerine Div etkiketiyle o görselliği yapamazmıyız ve hangisi daha basit etkili olur?
Paylaşım için tşkr. ederiz
5
Hakan Görgülü
05 Ağustos 2008´de söylemiş
Çok güzel bir paylaşım olmuş.Böyle şeyleri kullanmak gerektiğini düşünüyorum.Tabi hepberaber paylaştıkçada daha verimli olacağına inanıyorum.Kolay gelsın…
6
Gökhan Besen
05 Ağustos 2008´de söylemiş
Çok güzel bir çalışma olmuş. Zebra tabloların tasarıma kullanılabilirlik açısından birşey katıp katmadığını rakamlarla ortaya koymayı amaçlayan bir çalışmayı hatırladım:
http://www.alistapart.com/articles/zebrastripingdoesithelp/
İngilizce ancak sonucu grafiklerden anlaşılıyor. Tabii beraberinde sayfalar dolusu tartışmayı da getirmiş. Sanırım bunu estetik bir karar olarak ele alabiliriz, çünkü rakamsal olarak büyük farklılıklar gözlenmemiş.
7
Volkan Görgülü
05 Ağustos 2008´de söylemiş
@Mert, bu seride JQuery’ye yer vermeyi düşünmüyorum, ileriki serilerde olabilir.
@Cihan, bir çok içerik türü için etiketler var dolayısı ile bu tip verileri göstermemiz için de tablo etiketi var, neden ben div’i kullanmayı düşüneyim?
@Gökhan, bu bağlantıyı hatırlattığın çok iyi oldu, evet rakamsal olarak büyük farklar gözlemlenmemiş. Ama benim zebra tablolar daha hoşuma gidiyor yani dediğin gibi estetik bir kararda olabilir bu.
8
eray usta
06 Ağustos 2008´de söylemiş
volkan şu wp teması yapımı videolarını bi çeksende izlesek belkiyoruz haberin olsun
9
Ozan KOCADEMİR
06 Ağustos 2008´de söylemiş
Tablo etiketinin sayende gönlünü alıyoruz
Teşekkürler video için..
10
Caner
06 Ağustos 2008´de söylemiş
Çok gerekli olur mu bilmiyorum ancak web genel kültürü açısından belirtmek isterim:
Volkan, kod yazarken Camel gösterimi dediğimiz ilk harfler küçük, sonraki kelime başları büyük gösterimi tercih ediyor.Örnek: $adiSoyadi
Bir de Pascal gösterimi var.Ondaysa her kelime başı büyük harfler gösterilir.Örnek: $AdiSoyadi
Bilmekte fayda var.Belki ileride PHP’de ya da başka bir şeyde, programlama standartları söz konusu olur da onlara da gireriz.Hem böylelikle geniş çaplı ve çok geliştiricili projeler ürettiğimizde, bakıldığında şak diye anlaşılan kodlamalar yapmayı öğrenmiş oluruz.
11
perdeci
10 Ağustos 2008´de söylemiş
video süper olmuş, eline sağlık
12
Eser Efe
11 Ağustos 2008´de söylemiş
Hocam güzel ve faydali calismalarin icin cok tesekkür etmek istiyorum.
java konusunda cok fazla bilgim yok,ama sizin sayenizde ilgi duymaya basladim.gostermis oldugunuz örnegi kodlayip deneme yapmak istedigimde ise bir türlü basarili olamadim.yani kodu calistiramadim.
Rica etsem göstermis oldugunuz örneklerin kaynak kodlarini veya en azindan örnek linklerini ilgili konulara ekleyebilirmisiniz acaba.
Basarlar ve iyi calismalar diliyorum.
13
Kadir GÜNAY
20 Ağustos 2008´de söylemiş
Eser Efe,
Javascript çok ayrı bir olay birisi tamamen bir dil diğeri ise bir betik dili sadece. etiketleri arasına javascript daha doğrusu jQuery için tetikleyici kodu ekledin mi? Şöyle olmalı;
Java ayrı bir olay
$(document).ready(function () { ile başlayıp araya gerekli kodlar yazıldıktan sonra }); kapanmalı. Tetikleyici olmadan kütüphanelerin çalışması imkansız.
Geri İzlemeler