Ajax ile otomatik önerme
22 / Haziran / 2008
Ajax’ın bu kadar sevilmesinin ardındaki sebeplerden biri, kullanıcı ile etkileşimi artırmasıdır. Bu etkileşimi artırma yollarından biri de form alanlarının kullanıcının girdiği değerlere göre öneriler sunmasıdır.
Biz de bu yazımızda böyle bir uygulamanın nasıl yapılacağı üzerine tartışacağız. Uygulamanın canlı haline buradan göz atabilir ya da dosyaları buradan indirebilirsiniz.
Jquery ile resim kullanmadan köşeleri yuvarlamak
Web 2.0′ın getirdikleri nelerdir diye bir soru sorarsak, pek çok cevap verebiliriz, kimileri web 2.0′ı sadece ajax’a indirger, kimisi tasarımlardaki değişimlerden dem vurur, bazıları ise kullanıcının ön plana çıkmasını örnek verebilir. Neyse, web 2.0 tanımı için wikipedia’ya bakılabilir, bugün ise bunu tartışmayacağız.
Bugün, web 2.0 ile alışageldiğimiz yuvarlak köşeleri tartışacağız. Köşeleri yuvarlamak için farklı teknikler mevcut. Bunlardan birini eburhan’da bulabilirsiniz. Ancak resim kullanmadan, ufacık bir javascript koduyla da bu başarılabilir. Hemde farklı alternatiflerle. Örnek sayfamıza bakarak bu uygulamayı test edebilirsiniz.
Ve iki yeni site daha…
Son aylarda oldukça zamanımı alan iki site daha bitti ve ben de biraz olsun rahatlayabildim. İki proje de çok değerli zamanımı gönlünce sömürdü ama sonuçta ortaya güzel bir şeyler çıktı diyebilirim.
İsterseniz bu iki siteye daha yakından göz atalım:
JQuery vs. Mootools…
Evet arkadaşlar uzun bir aradan sonra tekrar merhaba…
Mootools yazıları ile bir giriş yapmıştım ve o zamandan bu yana ancak vakit bulabildim. Ve yine o zamandan bu zamana sürekli okudum …İyinin, güzelin ve kolayın peşinden koştum…
Bu aralar JQuery kütüphanesini incelemekteyim. Çeşitli bloglardan ordan burdan hepimiz duyar hale geldik.
Birçok sitede gördüğümüz güzel eklentilerin , efektlerin arkasından artık JQuery çıkmaya başladı.
Ben de bunu fırsat bilerek JQuery hakkında oldukça kafa patlattım ve şu sonuca vardım…
JQuery IN , MooTools Out.
PHP’nin (muhtemelen) az bilinen 10 özelliği
Bir programlama dilinden beklentileriniz nedir? Size, işlemlerinizi yapabilmeniz için gereken esnekliği sağlayabilmesidir en başta. Yetenekli olmasıdır.
Bu yazımızda da PHP’nin (muhtemelen) az bilinen 10 özelliğine beraberce göz atacağız.
Çevrimiçi ajax-yükleniyor resimleri oluşturmak
Daha önceki yazılarımızda da ajax’ın belki de en önemli getirisi kullanıcı ile etkileşimi arttırması demiştik. Bu etkileşimin en önemli parçalarından biri de, ajax isteği gerçekleştirilirken kullanıcının bilgilendirilmesini sağlayan “yükleniyor” resimleridir.
Genelde uygulamanız için yükleniyor resimleri bulmak zor olabilir. Ancak bu resimleri çevrimiçi oluşturmanızı sağlayacak internet hizmetleri de mevcut.
MySQL’de Transaction ve PHP ile kullanımı
MySQL’de sorgularımızı yazarken gün olur, aynı anda iki sorgunun çalışması gerekebilir, iki sorgunun da doğru sonuç döndürmesi gerekmektedir uygulamamız açısından. Örnek olarak iki banka hesabı arasındaki para transferlerini gösterebiliriz, birinci kişinin hesabından para silindikten sonra ikinci kişinin hesabına para yatmamışsa, pek de hoş durumlarla karşılaşmazsınız.
Her iki sorgunun da güvenle gerçekleştiğinden emin olabilmek için “Transaction” cümleleri kullanırız. Bu yazımızda da bu cümleleri nasıl oluşturacağımızı ve PHP uygulamalarında nasıl kullanacağımızı tartışalım.
Blogger’da etiket bulutu göstermek
Etiketlerin en güzel özelliği her hangi bir sınıra sahip olmamalarıdır, kategori mantığının tersine bir yazı, birden fazla etikete sahip olabilir, o yazı için yeni etiketler eklenebilir. Etiketler ayrıca arama sırasında da oldukça yardımcı olurlar, kullanıcı, ilgisini çekecek yazılara etiketler aracılığıyla daha kolay erişebilir.
Ancak blogunuzdaki etiket sayısı arttıkça bunları düz bir liste ile göstermek pek kullanışlı olmaz ayrıca yazı yazdıkça göreceksiniz ki bazı etiketleri daha sık kullanırsınız bazılarını ise daha az (belki 1 kere…) Bu durumda yapılabilecek en iyi şey, etiketlerinizi bir “bulut şeklinde göstermektir ki biz buna “etiket bulutu” diyoruz! Bunu blogger/blogspot bloglarında nasıl yapacağınız ise bu yazıda…
Kullanıcı dostu url hazırlamak
Pek çok siteye baktığınızda, şöyle uzayıp giden adresler görebilirsiniz: site.com/yazilar/kategori/14/yazi/21/ gibi. İlk aklınıza gelen “bu kadar dosyayı – dizini nasıl idare ediyorlar?” sorusu olabilir, ancak durum öyle değil. Yaptıkları sadece farklı bir url mantığı kullanmak.
Yani yukarıdaki adresin asıl ifade ettiği şey, site.com/kategori.php?kategori=14&yazi=21 . İlkinin daha kullanıcı dostu olduğunu söyleyebiliriz rahatlıkla ve bu yazıda bu tarz adresleri nasıl oluşturacağımız üzerine tartışacağız.
Headerlar ve PHP ile header() kullanımı
Bir web sayfasının adresini, tarayıcının adres satırına yazıp “enter”a bastıktan sonra biraz bekleriz ve karşımıza istediğimiz web sayfası gelir. Enter’a basışımızdan, sayfanın yüklenmesi tamamlanana kadar arada pek çok işlem gerçekleşir, ama biz bu yazımızda sadece tarayıcı ile sunucu arasındaki ilişkiyi sağlayan “header”lar üzerine eğileceğiz!
Header’ı Türkçeleştirdiğimiz zaman karşımıza “başlık” kelimesi çıkar, tam olarak da doğrudur aslında, kullanıcının tarayıcısı ile internet sitesinin sunucusu arasında geçen diyalogda, tarafların birbirine gönderdikleri başlıklardır.
Arama
E-Posta Aboneliği
RSS Aboneliği
En Çok Yorumlanan Yazılar
- Ajax ile dinamik listeleme (22)
- Blogger’da “devamını oku” bağlantısı (21)
- MySQL’de Transaction ve PHP ile kullanımı (16)
- PHP ile sınırsız alt kategori mantığı (16)
- MySQL’de “join” kullanımı (13)
- Kullanıcı dostu url hazırlamak (12)
- PHP’nin (muhtemelen) az bilinen 10 özelliği (12)
- Kullandığınız programlama dili ne kadar popüler? (12)
- .htaccess konuları [Giriş] (11)
- Blogger’da arama kutusu ekleme (10)
Etiketler
Son Yorumlar
- Fatih: Açıkçası sitenizi yeni keşfettim ve gerçekten beğendim. Kaynak ve tutorial ihtiyacı olduğunda yabancı blog...
- beyo: emeğine sağlık, temiz bir anlatım olmuş
- gokhan: güzel bir anlatım yapmışsın.. devamını bekleriz.. kolay gelsin
- web yazılım şirketi: google blog araması ile .net üzerinden hizmet veren web yazılım şirketi ararken tesadüfen bu web...
- Codderol: çok teşekkürler bu çalışma bana çok yardımcı oldu….