Bu videolu anlatımda, jQuery’nin index alma özelliğini kullanarak çok basit ama bir o kadarda esnek bir tab yapısı geliştiriyoruz.

• Video Anlatımı İzle / İndir
• Örneği Görüntüle / İndir

Arkadaşlar son bir kaç haftadır, kendimi jQuery konusunda, hızlı bir şekilde geliştirmekteyim ve size jQuery kodu geliştirmenin ne kadar zevkli ve kolay olduğunu anlatamam.

Umarım faydalı bir videolu anlatım olmuştur. Düşüncelerinizi yorum bölümü aracılığı ile paylaşırsanız çok mutlu olurum.

Güncellemeler

javascript:void(0) ve noktalı virgülleri eklemek – 12.10.2009

Arkadaşlar a etiketlerinde

href="#"

aşağıdaki güncellemeyi yaptım.

href="javascript:void(0)"

Bu güncellemeyi yapmadan evvel herhangi bir sekmeye tıkladığınızda url’in sonuna # işareti koyuyordu yani aslında sayfada # işaretli bir anchor linke gitmeye çalışıyordu. Ama ben eklediğim kod ile a etiketine href değeri ile hiçbirşey yapmamasını söylüyorum.

Ayrıca işlemlerin sonlarına noktalı virgül ekledim. Noktalı virgüller yokken de sorunsuz çalışıyordu ancak noktalı virgülleri eklememeyi tembellik olarak değerlendirebiliriz. Çünkü yarın olurda kodlarınızı sıkıştırmanız gerekirse sıkıştırma uygulamaları bu noktalı virgülleri dikkate alıyorlar.

• Video (10 Dakika, 15 MB) İzle / İndir
• Örneği Görüntüle / İndir

Öncelikle bu paylaşımda sizler ile paylaşacağım jQuery çözümünü, benimle paylaşan iş arkadaşım Onur Özkan’a bir kez daha buradan teşekkkür etmek isterim.

Bu yeni paylaşımda, sabit yüksekliğe sahip ya da yüksekliği belli olmayan bir içeriği,  jQuery kodları kullanarak, sayfaya nasıl dikey bir şekilde ortalayabileceğimizi göreceğiz.

Arkadaşlar, HTML ve CSS kodları kullanarak da içeriği sayfaya dikey olarak ortalamak mümkün ve Fatih Hayrioğlu’nun bu konuda, CSS ile Dikey Ortalama, bir paylaşımıda mevcut, bu paylaşımı ve paylaşımda belirtilen kaynakları inceleyerek ilgili çözüm hakkında bilgiler edinebilirsiniz.

Ben jQuery çözümünü tercih ediyorum çünkü;

• Ekstra HTML ve CSS kodları kullanmıyorum
• O tarayıcıda çalışır, bu tarayıcıda çalışmaz gibi bir sıkıntım olmuyor
• Ortalamak istediğim içeriğin yüksekliğini bilmeme gerek yok

Umarım bu paylaşım sizler içinde faydalı olur ve sizin içinde dikey ortalama bir problem olmaktan çıkar. Bir sonraki paylaşımda görüşmek üzere, kolay gelsin.

Opera 10 Sorunu

Arkadaşlar, anladığımız (eBurhan ve ben) kadarı ile, Opera 10, body’nin yüksekliğini pencere yüksekliğine göre değil de, içeriğin yüksekliğine göre hesaplıyor. Bu nedenle Opera 10 da içerik dikey olarak ortalanmıyordu. eBurhan sağolsun şöyle bir çözüm buldu.

En baştaki kodu,

var pencere_yukseklik = $(window).height()

bu kod ile değiştirince,

var pencere_yukseklik = document.documentElement.clientHeight

sorun çözülüyor.

Random.org sitesini kullanarak yaptığım çekiliş sonucu, kitaplar Aytaç Seyfioğlu‘na gidiyor, çekilişin ekran kaydını buradan izleyebilirsiniz, ekran kaydını Jing ile yaptım.

Bu çekilişe gerçekten ihtiyaç sahiplerinin katıldığından dolayı çok mutluyum, ilginiz için çok teşekkürler. Şimdik ben Aytaç Seyfioğlu ile iletişime geçiyorum.

Paylaşım Metni

Merhaba arkadaşlar, seneler önce CSS bilgilerimi geliştirirken iki kitabın bana muazzam derecede faydası dokunmuştu, bunlardan birtanesi, Eric Meyer on CSS, diğeri ise More Eric Meyer on CSS. Çıktığı gibi satış rekorları kıran bu kitabın en güzel yanı ise gerçek hayattan projelere yer vererek konuları anlatması. Aşağıda verdiğim bağlantıları kullanarak, kitaplar hakkında ayrıntılı bilgilere ulaşabilirsiniz.

Maddi olarak 100 küsür YTL, manevi olarak sonsuz değeri olan, bu iki kitabı çekiliş ile bir kişiye hediye etmek istiyorum, ancak bu kitaplar CSS üzerine oldukça teknik bilgiler içermektedir, dolayısı ile daha önce tanıttığım kitaplar gibi okuyucu kitleleri geniş değildir. Bu nedenden dolayı çekilişe katılmadan evvel aşağıdaki bölümleri dikkatlice okuyunuz.

Bu Kitaplar Kimlerin İşine Yarar

• İleri seviyede İngilizce okuma ve anlama bilgisine sahip
• İleri seviyede HTML ve başlangıç ya da orta seviyede CSS bilgisine sahip
• Profesyonel olarak HTML ve CSS kodu geliştiren ya da geliştirecek
• İçerik ve Sunumu birbirinden ayırmak vizyonuna sahip kişilerin işine yarar.

Kitaplarla İlgili Bağlantılar

Arkadaşlar aşağıda bağlantısını verdiğim, kitapların sitelerinde, sağ tarafta bulunan menude Projects bölümünden kitapların içeriklerini inceleyebilirsiniz.

• İlk kitabın resmi web sitesi, ikinci kitabın resmi web sitesi
• Amazon’un Look İnside özelliği ile ilk kitabı inceleyebilirsiniz
• İlk kitabın Amazon sayfası, ikinci kitabın Amazon sayfası (Bu sayfalardaki kitaplar hakkında yapılan yorumları okuyabilirsiniz)
• İkinci kitap için Google Books’ta sınırlı önizleme
• Fatih Hayrioğlunun tanıtım yazısı

Kargo Ücreti

Tahminimce 10 YTL – 20 YTL arası tutacak, kargo ücretini kitapları kazanan karşılar. Ben karışmıyorum

Ve bu sefer çekilişi randomizer.org adlı web sitesi aracılığı ile yapacağım.

Çekiliş Tarihi ve Katılım

Çekilişi 28.11.2008, Cuma günü saat 10:00′da Random adlı web sitesini kullanarak yapacağım.

Çekilişe katılmak için tek yapmanız gereken bu kitabı neden istediğinizi çok kısa bir şekilde anlatmanız, sadece ben bu kitabı istiyorum demek, bu sefer yeterli değil

Yeni Bir Başlangıç

Güncelleme (21 Kasım 2008)
Bir takım güncellemeler olmuştur, lütfen temayı tekrar indiriniz.

Kullandığım Eklentiler

Arkadaşlar kullandığım eklentilerin bulunduğu klasörü sıkıştırdım, klasörü bu bağlantıyı kullanarak indirebilirsiniz.

1 Aralık 2008 tarihine kadar temayla ilgili soru ve sorunlarınızda sizlere yardımcı olmaya çalışacağım. Umarım benim işime yaradığı gibi sizlerinde işine yarar.

E-posta ile takip eden arkadaşlar videoyu bu bağlantıyı kullanarak izleyebilirler.

Sıra Sizde

Sizler de kullandığınız ve zamandan tasarruf etmenizi sağlayan web uygulamalarından, yorum bölümü aracılığı ile bahsedebilirsiniz? Sayenizde yeni öğrendiğim bir uygulama olursa Web Deneyimlerin’de tanıtırım.