bildirgec.org

js hakkında tüm yazılar

Kullanışlı Bir Tarih Seçici Eklentisi: jsDatePick

algoz | 05 April 2010 13:41

Günümüz web projeleri için, gerek sunucu taraflı, gerekse de istemci taraflı programlama ve tasarım çalışmaları için harcanan zaman ve emek bir veya birkaç kişinin üstesinden gelmesinin zorlanacağı bir düzeye gelmiş durumda. Bir veya birkaç kişiden oluşan geliştirici/tasarımcı gruplarının, karmaşık web projelerinin altından kalkabilmelerine yardımcı olabilecek en önemli destekçiler ise, belli bir işi en iyi bir şekilde yapabilmesi için geliştirilen ve çoğunlula da ücretsiz olan eklentilerdir/modüllerdir.


Bu yararlı eklentilerinden biri olan ve JavaScript ile hazırlanmış bir tarih seçici (date picker) eklentisi olan jsDatePick, başta web formlarında olmak üzere, kullanıcılardan istenen tarih verilerinin, formlara kullanıcılar tarafından kolayca eklenebilmesine yardımcı olmakta.

37 taze jquery resim ve galeri çözümü

admin | 08 January 2010 17:01

bugüne kadar bildirgeç‘te onlarca belki de yüzlerce jquery uygulaması gördünüz. ben de bu yazımda onların, yüzlerin arasına gireceğim. yazımda sadece resim ve resim (fotoğraf) galerileriyle ilgili jquery uygulamalarını tanıtacağım. resimlerin üzerine tıklayarak ayrıntılı bilgi ve indirme sayfalarına ulaşabilirsiniz.
easy slider 1.5
özellikle premium wordpress, joomla temalarından görmeye alışık olduğumuz kayan resim ve içerik eklentisi

örnek
önizlemeli, açıklamalı resim galerisi
haber siteleri ve premium temalarda gördüğümüz içerik galerisi.


örnek
start/stop slider
adından da anlaşıldığı gibi resim, içerik geliyor, duruyor, gidiyor. yine premium temalarda çok görüyoruz bu hadiseyi.


örnek

UKI – Karmaşık web uygulamaları için basit arayüz aracı

Dillian | 04 January 2010 16:39

UKI; masaüstü benzeri web uygulamaları oluşturmak için hızlı ve basit bir Javascript kullanıcı arayüz araçkutusudur. UKI, Slider’dan Listeve SplitPane’e kadar zengin bir bileşen kütüphanesiyle beraber geliyor.

Özellikler

  1. Basitlik

    Uygulamanıza yeni bir kütüphane eklemek için yeni bir işlem süreci veya farklı bir programlama dili öğrenmeniz gerekmeyecek. Sadece HTMLkodlarınıza basit bir “<script>” tagi eklemeniz yeterlidir.

  2. Çapraz Tarayıcı
    UKI; IE6+, Opera 9+, FF2+, Safari 3+ ve Chrome’da tam olarak aynı görünüyor.
  3. Hızlı
    Uki 30.000’den fazla liste ve tabloyu hızlı işleme özelliği kullanarak anında işler.
  4. Küçük
    UKI, tüm resimlerle birlik gziplenmiş (IE6 ve 7 hariç) şekilde 30kb’tır.

Demo
Ayrıntılı Bilgi

jQuery ile Hazırlanan Oyunlar!

angelsdemos | 07 December 2009 15:21

jQuery uygulamaları artmakta ve gelişmekte.Bir çok yerde jQuery ile hazırlanmış menüler, takvimler, galeriler görmek mümkün.Fakat tasarımcılar bununlada yetinmeyip jQuery ile oyun yapmaya başladılar.İşte jQuery ile yapılan oyun örnekleri ;

T&C Surf | DemoWeb Site

jQuery, javascript, css3 ile tasarlanmış ve bol ölçüde grafik içeren bir uygulama.Biçim olarak eski ateri oyunlarını hatırlatıyor.Karakteri klavye ile kontrol ediyorsunuz

jQuery Eklentisi bxSlider İle Kullanışlı Slayt Gösterimler

algoz | 06 December 2009 12:41

Web sitenizde bulunan, metin ve görsel öğelere sahip içeriklerinizi, bir slayt gösterimi düzeneği ile ziyaretçilerinize sunabilmenizi sağlayan ve bir jQuery eklentisi olan bxSlider; hız, gösterim modu ve gösterimin kendiliğinden veya kullanıcı etkisi ile başlayabilme gibi birçok yapılandırma opsiyonu/özelliği ile web sayfanıza yerleştirebilirsiniz.


Web sayfanıza sadece birkaş satır kod ile kolayca ekleyebileceğiniz bxSlider eklentisi için hazırlanmış ve içeriğinde 4 farklı slayt gösterim tekniğinin bulunduğu demo sayfasına buradan ve bxSlider ana sayfasına da buradan ulaşabilirsiniz.


TinyTable İle İleri Düzey Tablo’lu Sunumlar

algoz | 24 November 2009 15:13

Veritabanları, xml veya txt dosyaları gibi birçok veri depolama veya paylaşım noktalarında bulunan verilerin, web sitenizi veya blogunuzu ziyaret eden kullanıcıların çok kolay bir şekilde anlayabileceği/anlamladırabileceği bir arayüzle sunulması oldukça önemlidir.

Bu sunum için en fazla kullanılan düzenlerin/yöntemlerin başında ise; tablolar (table) gelmektedir.

Şu anda 3.versiyonu ile geliştiricilerin kullanımına sunulan ve Javascript ile hazırlanmış bir tablo tasnifçisi/sınıflandırıcısı olan TinyTable V3 eklentisi/aracı, veri kaynaklarından çekeceğiniz çeşitli türdeki verileri, ziyaretçilerinize düzgün bir yapıda sunmanızın yanında, ziyaretçilerinize tablo üzerinde; sıralama, sınıflama ve arama yapabilme olanağı tanıyarak, ziyaretçilerinizin tablodaki verilerden elde edecekleri verimi artırmakta.

Birbirinden Kullanışlı 20 Adet Ajax Eğitimi

admin | 23 November 2009 19:16

Web sayfalarına getirdiği dinamizm ile web sayfalarının hem tasarımsal hem de işlevsel yapılarında ciddi gelişimlere neden olan AJAX için hazırlanmış 20 adet eğitimin bulunduğu bu liste ile, web sayfarında çeşitli işlemleri yerine getirmesi için hazırlayacağınız bileşenler için farklı geliştirme yöntemlerini deneyebilirsiniz.

1- jQuery ile kolayca AJax Web sitesi yapımı

2- Ajax ile harici web sayfası yükleme

3- Formlar için önizleme gösterimi hazırlama

JavaScript İle XML Parse İçin: JParse

admin | 17 November 2009 09:40

Son yıllarda, web ortamında Veri/Bilgi paylaşımı için en fazla kullanılan formatlardan biri de; kısaca XML +tr +en olarak isimlendirilen, eXtensible Markup Language (Genişletilebilir işaretleme dili) dili ile, belli kıstaslar (Well-Formed) gözetilerek hazırlanmış belgelerdir/dosyalardır.

Web üzerinde oldukça yoğun bir şekilde kullanılmasının bir sonucu olarak, hemen hemen tüm pargramlama dillerinin, XML dokümanlarını okuyarak (parse), içerdikleri verilerin/bilgilerin geliştirici tarafından gerekli biçimlerde kullanılmasını sağlamak için özel nesneleri veya fonksiyonları mevcuttur.

Firefox 1.5+, Safari 3+, Chrome 3, Internet Explorer 6+ ve Opera 9+ tarayıcıları ile uyumlu bir şekilde çalışabilen ve bir jQuery eklentisi olan JParse ile jQuery’nin, jQuery.ajax metodunu kullanarak XML dosyalarını kolayca parse edebilirsiniz.

Google’dan Webmaster’lara Yep Yeni Araçlar!

algoz | 16 November 2009 09:39

Günümüz web uygulamaları, statik HTML sayfalarından, zengin içerikli ve ziyaretçi ile etkileşimi ön planda tutan, interaktif bir yapıya dönüşmüş durumda.Bunun, istemci tarfındaki en büyük sağlayıcısı ise; istemci tarafa hızlıca yüklenebilen ve tarayıcı markaları farklı da olsa, yüksek perfonmans alınabilen, JavaScript ile hazırlanmış kullanıcı arayüzlerdir.


Google, web geliştiricilerin JavaScript ile; yüklenme ve çalışma hızı yüksek ve perfonmansı çok daha yüksek olan web uygulamaları geliştirebilmeleri için, Google Code Labs bünyesinde, Closure Tools adı ile, bir projeyi hayata geçirdi.

Google tarafından, Closure Tools bünyesinde sunulan araçlar:

Closure Compiler: Web geliştiriciler Closure Compiler ile; hazırlamış oldukları JavaScript kodlarını çok daha yüksek perfonmans alabilecekleri bir yapıya dönüştürebilecekler/derleyebilecekler.
Closure Compiler; hazırlamış olduğunuz JavaScript kodlarındaki ölü ve tekrar yazılmış kodların temizlemesi, sözdizimi(syntax) kontrolü yapılması ve değişken referanslarının kontürolü gibi bir dizi işlemi gerçekleştirmekte.