CSS Transparan Resimler İle Jquery Kullanarak Bağlantı Verme

23 / Ocak / 2010 İsa Engiz    Genel, JQuery, javascript     css, JQuery, opacity, transparan 3 Yorum Yapilmis.

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.

Devamını Oku »»

Ajax (Jquery) ile kullanıcının internet bağlantısını kontrol etme

23 / Eylül / 2008 İsa Engiz    JQuery, ajax, javascript     5 Yorum Yapilmis.

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ı!

Devamını Oku »»

CSS ile resim üzerine yazı ekleme

17 / Ağustos / 2008 İsa Engiz    Genel, javascript     css, featured, galeri, javascript, resim 4 Yorum Yapilmis.

İ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.

Devamını Oku »»

Javascript için PHP fonksiyonları

03 / Ağustos / 2008 İsa Engiz    javascript, php     javascript, php 6 Yorum Yapilmis.

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ış.

Devamını Oku »»

Jquery ile kolay (eklentisiz) akordion menü yapmak

06 / Temmuz / 2008 İsa Engiz    JQuery     4 Yorum Yapilmis.

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.

Devamını Oku »»

Jquery ile resim kullanmadan köşeleri yuvarlamak

16 / Haziran / 2008 İsa Engiz    JQuery, javascript     featured, JQuery 6 Yorum Yapilmis.

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.

Devamını Oku »»

JQuery vs. Mootools…

07 / Haziran / 2008 kipergil    JQuery, javascript     JQuery 2 Yorum Yapilmis.

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.

Devamını Oku »»

Javascript ile dökülen menü

27 / Nisan / 2008 İsa Engiz    javascript     javascript Henuz Yorum Yapilmamis.

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.

Devamını Oku »»

Javascript ile banner yapma

09 / Nisan / 2008 İsa Engiz    javascript     banner, javascript 1 Yorum Yapilmis.

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.

Devamını Oku »»

MooTools Örnek1 : Toggle Divs

29 / Mart / 2008 kipergil    MooTools     5 Yorum Yapilmis.

Merhaba arkadaslar ,

MooTools giris yazısından hemen bir ornek ile yazılarımızı devam ettirelim. İlk olarak yapacagımız şey “Javascript Display:none , block ” gibi goster gizle olayını Mootools kullanarak efektli hale getirmek.

Bunun icin yapacagımız sey oldukca kolay.Baslangıc olarak temel html scriptini yazarak mootools kutuphanesini ekliyoruz.Hala mootools kutuphanesini indirmediyseniz buraya tiklamanız yeterli…
Devamını Oku »»