Javascript’de değişkenleri ‘cast’ etmek
Javascript’de oluşturulan değişkenlerin türünü belirtmenize gerek yoktur, int, float veya string saklayabilirsiniz bu değişkenlerde. JS’nin geliştiriciye sunduğu güzel özelliklerden biridir bu.

Ancak bu kolaylığın da bir bedeli vardır, o da katı şekilde belirtilmeyen değişken türlerinin daha sonra karmaşıklığı sebep olması!
CSS Transparan Resimler İle Jquery Kullanarak Bağlantı Verme
CSS ile resimlerin transparanlığını ayarlamak hiç de zor değildir. Ancak yazdığımız kodun bütün tarayıcılar tarafından aynı şekilde yorumlandığından emin olmalıyız. Bunu yapmak da zor değildir.

Bu yazıda CSS ile resim transparanlığını ayarlamanın ne kadar kolay olduğunu anlatmaya çalışacağız. Aynı zamanda bu özelliği (ve jquery’i) kullanarak yapılabilecek bağlantılara bir örnek vereceğiz.
Ajax (Jquery) ile kullanıcının internet bağlantısını kontrol etme
Uzun bir aradan sonra bulduğum bu fırsatı bloga güzel bir yazı yazarak değerlendirmek istiyorum, tasarımı da yeniledik, bu güzel tasarımı, güzel bir yazı ile taçlandıralım
Uygulamanız da ajax kullanıyorsanız, sayfa hiç yeniden yüklenmeden işlemler yapıyorsunuz demektir. Uzun süre yüklenmeyen sayfalar, aktif işlemlerini buna rağmen devam ettiriyorlarsa, kontrol etmeniz gereken bir unsur vardır, kullanıcının internet bağlantısı!
CSS ile resim üzerine yazı ekleme
İnternette yapılan her site, ziyaretçisine belli bir konuda bilgi sunmak, hizmet sağlamak için yapılmakta. (kimileri sundukları bu bilgilerden para kazanmakta, kimileri ise kazanmamakta ama konumuz bu değil!) Sunulan bilginin ziyaretçi tarafından anlaşılmasını sağlamak ve kolaylaştırmak için yapılabilecek en önemli unsur, resim ve yazıları birbirleri ile harmanlamak. Yapılan araştırmaların gösterdiği üzere birbirleri ile alakalı resim ve yazılar beraberce kişiye sunulduğunda öğrenme daha kolay gerçekleşmekte.

Bu ilkeden olsa gerek, haber içeriği sunan bütün sitelerde fotolar ile yazıların birbirleri ile harmanlanarak verildiğini görebiliriz.
Resimler le yazıları harmanlamanın bir yolu da, yazıyı resmin üzerine yazmaktır. Bunu, resim düzenleme programlarından biri ile de yapabilirsiniz ancak biz bu yazımızda, resmin üzerine CSS (javascript) ile yazıyı ekleyeceğiz. Uygulamanın canlı örneğine buradan göz atabilir veya dosyaları buradan indirebilirsiniz.
Javascript için PHP fonksiyonları
PHP’nin çekirdeğinde yer alan fonksyonlar o kadar kullanışlıdır ki, tek satır kod ile dizileri sıralayabilir, md5 kodlanmış halini alabilir veya dizideki tüm elemanlara elinizdeki fonksiyonu tek bir satır ile uygulatabilirsiniz.
Şu andaki mevcut kütüphaneler ile ‘altın’ çağına giren javascriptde de bunlara benzer fonksiyonlar olsa ne güzel olur değil mi? İşte böyle düşünen bir geliştiricinin (Kevin van Zonneveld) başlattığı açık kaynak bir javascript kütüphanesi oluşturma fikrinin pek çok başka geliştiriciden de destek bulması ile ortaya 146 adet PHPdekilerin eşleniği olan javascript fonksiyonları çıkmış.
Jquery ile kolay (eklentisiz) akordion menü yapmak
Javascript çatılarının hayatımızı oldukça kolaylaştırdığını inkar edemeyiz, normalde yapmak için çok uğraşacağınız bir efekti, bu hazır kütüphaneler ile tek satır kod yazarak yapabiliyorsunuz.

Akordion menü yapmak istediğinizde de aynı kolaylığı elde etmek istersiniz, en az satir kod ile en fazla işi yapmak istersiniz. Jquery ile hiç bir eklenti kurmadan böyle bir menü yapmak mümkün. Örneğe göz atmak için buraya, dosyaları indirmek için buraya tıklayın.
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.
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.
Javascript ile dökülen menü
Dökülen menülerin en önemli tarafı her halde kullanıcının tıklayabileceği pek çok bağlantı varsa, bunları tek bir çatı altında toplayabilmesidir. Böylece bağlantılar daha düzenli gözükür, birbirleriyle alakalı olanlar aynı grupta buluştuğu için kullanıcı ilgilenmiyorsa, o tıklamadıkça gözükmez.

Biz de şimdi javascript yardımıyla döküen bir menü yapacağız. Uygulamanın canlı haline buradan göz atabilirsiniz ya da dosyaları buradan indirerek inceleyebilirsiniz.
Javascript ile banner yapma
Eğer bir sloganınız varsa ve bunu resimler ile göstermek/anlatmak istiyorsanız en iyi yol bir banner yapmaktır, değil mi? Ama bir banner yapmak için Flash bilmenize gerek yok, javascript ile bunun üstesinden gelebilirsiniz.

Bu uygulamamızda yapacağımız örneğin canlı haline buradan bakabilirsiniz veya dosyaları buradan indirebilirsiniz.
Arama
E-Posta Aboneliği
RSS Aboneliği
En Çok Yorumlanan Yazılar
- Ajax ile dinamik listeleme (23)
- PHP ile sınırsız alt kategori mantığı (23)
- Blogger’da “devamını oku” bağlantısı (21)
- MySQL’de “join” kullanımı (17)
- MySQL’de Transaction ve PHP ile kullanımı (16)
- Kullanıcı dostu url hazırlamak (14)
- PHP’nin (muhtemelen) az bilinen 10 özelliği (12)
- Kullandığınız programlama dili ne kadar popüler? (12)
- Kullanıcı dostu URL oluşturma (2. teknik) (11)
- .htaccess konuları [Giriş] (11)
Etiketler
Son Yorumlar
- Murat: Güzel bir teknik, şu ana kadar sınırsız alt kategori lazım olmadı ama olmayacağı anlamına gelmiyor
- iilyas: Bu kodlar çalışmıyor arkadaşım. Localde olduğu içinmi acaba ?
- iilyas: Arkadaşım çok teşekkür ediyorum. Harika anlatmışsın ajaxla çalışmalara başlamak lazım estetik açısından.....
- Nuri: bende bu şekilde bir çalışma yaptım ancak bir sorunum var ne yaptıysam url den index.php bölümünü kaldıramadım....
- Kemal: Makale için çok teşekkürler, resimleri div tagları ile yapabilirmiyiz. Bu arada imagelara link verirsek daha...
08 / Mayıs / 2010