Javascript kaynakları

5
Şub

sIFR Lite
"Bir zamanlar bazı çok başarılı web geliştiricileri sIFR'ı yarattılar. Hedefleri, HTML manşetlerini güzel görünümlü yazıtiplerine dönüştürmekti ve işte bu web geliştiricileri amaçlarına da başarılı bir şekilde ulaştılar. Kodlarına bakarak ben de sIFR'a daha nesne yönelimli bir yaklaşımla sIFR'ın 'lite' sürümünü oluşturdum. sIFR lite'yi okumak daha kolay ve kullanımı daha yenilikçi."

DD_belatedPNG
IE6 için 24-bit PNG alpha-translucency background-image + background-position + background-repeat desteği olan, transparan (saydam) PNG'lerin IE6 üzerinde en sonunda tümüyle sorunsuz çalışabilmesini sağlayan bir yaklaşım. Mucize gibi işliyor!

The EqualHeights jQuery Plugin
"CSS ile eşit yükseltiye sahip sütunlar oluşturmak bazen bir işkencedir. Kim bu tip karmaşık CSS kodları ile uğraşmak ister ki? jQuery kod parçacıklarının yardımı ile bir grup elementin yüksekliklerini eşitlemeniz mümkün.

jQuery.popeye - satıriçi lightbox alternatifi
"Bu eklenti sırasız imaj listelerini kutu içerisinde birer birer önizlemesini göstererek bir tür lightbox alternatifi oluşturuyor. Kutu üzerinde beliren kontrol elementleri ile imajlar arasında gezinmek mümkünken, dilenen imaj tam boyutlu olarak görüntülenebiliyor. Kutu tam boyutlu imajı görüntüleyebilmek için genişlerken aynı sırada kontrol öğeleri de gizleniyor. Kutu üzerine bir tıklama ile kutu eski küçük haline geri dönüyor."

DD_Roundies
Internet Explorer'da yuvarlatılmış köşeler ekleyebilmenin en kolay yolu.

"Bir yuvarlak köşeli kutu için 9 hücreli tablo kullanmaya son. İmaj kullanmaya son. Satırlarca HTML kodu eklemeye son. IE için JavaScript çözümü, diğer 'gerçek tarayıcılar' için CSS3 elementleri otomatik olarak entegre ediliyor"

jQuery Corners 0.3
"Bu jQuery eklentisi güzelce yuvarlatılmış köşeleri web sitelerinize entegre edebilmenizi sağlıyor. Hem de herhangi bir imaj ya da karmaşık kodlar kullanmadan".

Superfish jQuery Menü Eklentisi
"Superfish, Suckerfish tarzında gelişmiş bir jQuery menü eklentisi olup halihazırda varolan CSS menülerin üzerine entegre ediliyor (böylece JavaScript'in etkin olmadığı durumlarda bile menünüz sorunsuz çalışıyor). Entegre edildiğinde menünüze çok beğenilen gelişmiş özellikler eklenmiş oluyor."

JavaScript Hepimizi Kurtaracak
Eric Meyer, tarayıcıların yeni web dillerini desteklenmesini beklemektense neden JavaScript kullanarak tarayıcılara bu özellikleri kazandırmamız gerektiğini anlatıyor.

CSS Sprites2 - Şimdi JavaScript Zamanı
"Web siteleri arasındaki farklar genellikle yoğun flash kullanılan web siteleri ile web standartlarını takip eden siteler arasında değişir. Flash arayüzler genellikle daha canlı görünürler ve kullanıcı isteklerine, standartlara bağımlı web sitelerinin erişemediği dinamiklikte cevap verir. Son zamanlarda bu özellikle değişiklik göstermeye başladı. Özellikle Prototype, Scriptaculous, Moo, YUI, MochiKit ve diğer tüm JavaScript kütüphanelerinin de yardımı ile standartlara bağlı web siteleri de kullanıcı isteklerine dinamik bir şekilde cevap verebilir oldular. Şimdi CSS Sprites tekniğine 4 yıl öncesinden yenien bir göz atmanın ve projelerimize canlılık kazandırmanın mümkün olup olmadığını öğrenmenin zamanı geldi."

jParallax
"jParallax seçili elementi bir 'pencereye', bir 'görüş alanına' ve onun astlarını da mutlak olarak pozisyonlayıp görüş alanı içerisinden görülebilen bir nesneye dönüştürüyor. Bu katmanlar, fare hareketleri ile ve kendi boyutlarına ve tanımlanan katman özelliklerine göre hareket ettirilebiliyor. Sonuç ise çok gerçekçi bir paralaks eylem yaratıyor. Muhtemelen kafanız karıştı. Aşağıdaki bağlantıya tıklayın. Ne demek istediğimi anlayacaksınız."

JavaScript kullanmadan sabit altlıklar
Sadece CSS kullanarak sabit altlıklar oluşturabilmenizi sağlıyor. Kullanılan teknik IE 5.5 üzerindeki tüm tarayıcılarda çalışıyor.

Dinamik Anahat
"Dynamic Layout basit bir basit bir JavaScript kütüphanesi olp sitenin genişliğini geçerli tarayıcınızın genişliğine göre otomatik olarak değiştirebilmenizi sağlıyor."

AJAX Kullanmayı Bırakın!
"Ajax kullanışlı bir fikir olmasına rağmen her fikir gibi bu da bir süre sonra kolayca proje üzerine entegre edilip edilmediğine göre iyi ya da kötü damgasını yer. Bunu kolaylaştıran unsur ise teknolojidir - ki bu durumda kullanılan teknoloji henüz olgunlaşmamış bir teknolojidir, çünkü kullanıcı gruplarını ardında bırakır. En dikkat çekeni ve etkileneni bu yardımcı teknolojileri kullanırken, teknolojileri tam olarak desteklemeyen tarayıcıları kullanmak zorunda olduğunuzda belirir..."

sIFR İle Nasıl Çalışılır?
"Bu dersin amacı sIFR'in resmi sitesindeki bilgiyi süzerek onu sitenize nasıl entegre edebileceğinizi adım adım anlatmaktır. Bu dersi takip ettikten sonra sIFR'ın nasıl çalıştığına dair genel bir bilgi sahibi olacak ve ileri seviyede sIFR tekniklerini öğrenebilmek için kendinize bir taban oluşturacaksınız"

FancyZoom
Web sayfalarınız için Javascript ile yumuşak imaj yakınlaştırma efekti.

JavaScript ile dönen 3B küp
Ne azı ne de daha fazlası.

14KB JavaScript ile Super Mario
"Basit ve sıkıştırılmış bir JavaScript dosyası ile neler yapılabileceğine dair güzel bir örnek. Herhangi bir imaj kullanmadan ve her bir elementin JavaScript ile işlenerek oluşturulduğu inanılmaz bir örnek."

Kullanıcı Arayüzünüzü Güçlendirmek İçin 10 JavaScript Tekniği
"Javascript web geliştirme ortamında genellikle estetik bir dil olarak kullanılmaktadır. Bunun anlamı web geliştiricilerinin JavaScript'i sadece tek bir şey için, ziyaretçi'nin deneyimini iyileştirmek için kullanması gerektiğidir. Bir sitenin kullanıcı arabirimi açısından iyileştirilebilmesini sağlayacak pek çok kullanışlı ve zeki yöntem bulunmaktadır. Geliştiric, neredeyse ihtiyacı olan her bir JavaScript kod parçacığını Internet üzerinden bulabilir."

25 Büyüleyici JavaSciprt Oyunu
"AJAX'ın da yükselişi ile JavaScript, her web tasarımcısının ve geliştiricisinin iyi bilmesi gereken bir dil haline geldi". Form kontrolleri, uyarıllar ve benzer JavaScript kullanımının aksine JavaScript yardımı ile neredeyse her şeyi yapabilmeniz mümkün.

En Sık Kullanılan 5 İşlevsel Yer İmi
"İşlevsel yer imleri, JavaScript'in etkinleştirildiği ve yer imlerinize sürükleyip bırakabileceğiniz, üzerine tıklandığında da o an ziyaret ettiğiniz web sitesi ile ilgili eylemler gerçekleştirebilen programcıklardır. En iyi işlevsel yer imleri, bir araç çubuğundan beklenebilecek kalitede eylemler gerçekleştirebilmenizi sağlar. Buna rağmen bunlar JavaScript ile yazıldıkları için, herhangi bir kurulum gerektirmeden doğrudan tarayıcı üzerinde çalışabilirler. Bu listede en başarılı 5 işlevsel yer imi (bookmarklet) incelenmiş."

10 Gelecek Vadeden JavaScript Çatısı
"jQuery, MooTools, Prototype ve YUI gibi popüler JavaScript frameworkleri / kütüphanelerinin JavaScript framework arenasında artık sağlam bir yeri bulunmaktadır. Ancak yeni frameworkler arayan maceracı geliştiriciler için gelecek vadeden pek çok JavaScript kütüphanesi / çatısı bulunmaktadır. İşte bu makalede popüler olanların dışında 10 adet gelecek vadeden JavaScript çatısı inceleniyor."

Tasarımcılar ve Geliştiriciler İçin 5 Adet Kullanışlı Kodlama Çözümü
"Genellikle yaratıcı ve gerçekten büyüleyici tasarım çözümleri pek bilinmezler çünkü biz tasarımcılar onlara pek dikkat etmeyiz. Kendi projelerimizle meşgulken karmaşık kodlar arasında resmin tamamını gör(e)meyiz. Aslında pek çok tasarımcı bizim o an yapmaya çalıştığımız şeyi yapmış ve bir ders olarak Internet üzerinde paylaşmış durumdalar. Peki biz neden bunlardan faydalanmayalım?"

WebHizmetlerini AJAX İle Çağırmak
Bu rehber size JavaScript kullanarak nasıl WebHizmetleri (WebServices) ile çalışabileceğinizi gösterecek.

JavaScript Pretty Date
"...Eski JavaScript tarihlerini güzel bir şekilde biçimlendirmenize yarayan bir yöntem."

Kaynak: DesignShack

Yeni yorum veya soru gönder

Bu alanın içeriği gizlenecek, genel görünümde yer almayacaktır.
  • PHP source code can also be enclosed in <?php ... ?> or <% ... %>.
  • You may insert videos with [video:URL]

Biçimlendirme seçenekleri hakkında daha fazla bilgi


9 + 2 =
Basit matematik sorusunuz çözünüz. Örn; 1+3= 4