javascript Kategorisindeki yazılar görüntüleniyor.

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.

css-transparan-resimlerle-link-verme

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

Date23 / Eylül / 2008 Author İsa Engiz    Category JQuery, ajax, javascript     Tags Yorumlar5 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

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

Date03 / Ağustos / 2008 Author İsa Engiz    Category javascript, php     Tags , Yorumlar6 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

Date06 / Temmuz / 2008 Author İsa Engiz    Category JQuery     Tags Yorumlar4 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

Date16 / Haziran / 2008 Author İsa Engiz    Category JQuery, javascript     Tags , Yorumlar6 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.

yuvarlakkose-resim.jpg

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…

Date07 / Haziran / 2008 Author kipergil    Category JQuery, javascript     Tags Yorumlar2 Yorum Yapilmis.

Evet arkadaşlar uzun bir aradan sonra tekrar merhaba…

 

JQuery is the winner

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ü

Date27 / Nisan / 2008 Author İsa Engiz    Category javascript     Tags YorumlarHenuz 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.

dokulenmenu-resim

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

Date09 / Nisan / 2008 Author İsa Engiz    Category javascript     Tags , Yorumlar1 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.

jsbanner-resim

Bu uygulamamızda yapacağımız örneğin canlı haline buradan bakabilirsiniz veya dosyaları buradan indirebilirsiniz.

Devamını Oku »»

MooTools Örnek1 : Toggle Divs

Date29 / Mart / 2008 Author kipergil    Category MooTools     Tags Yorumlar5 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 »»

Arama


E-Posta Aboneliği


RSS Aboneliği

En Çok Yorumlanan Yazılar

Etiketler

404 ajax apache arama butonu as astrofizik açık kaynak banner blogger blogger/blogspot Blogger / Blogspot blogspot case chmod css date dosya yükleme editör etiket etkinlik favicon featured form ftp galeri Genel gimp hata sayfası header htaccess htpasswd ilişkisel veritabanı index innodb javascript join JQuery kategori koodla linux mysql opacity php resim url

Son Yorumlar

  • isa engiz: Yazı için teşekkürler. sabit ip 2.75 tl. bu ücreti verip kendi web sunucumuzu kurabiliriz… En yakın...
  • osman: Yazı için teşekkürler. Pardus projesinin Türkiye için çok önemli olduğunu düşünüyorum. Ancak yazıda da...
  • Mustinet: siblings kullanarak da yazılabilir. Teşekkürler
  • is: CSS kullanmadan sadece HTML kodlarıyla yanyana iki sütun (tablo kullanmadan) oluşturulabilir mi?
  • Doğan Yılmaz: verdiğiniz bilgiler için çok ama çok teşekkür ederim. artık sıkı bir takipçiniz olmaya karar verdim

Sayfalar


Faydalı Bağlantılar