bildirgec.org

js hakkında tüm yazılar

Javascript Sürükleme Bileşeni: Dragdealer JS

algoz | 15 June 2010 09:41

Dragdealer JS, web sayfalarını kullanıcılar ile etkileşim halinde, dinamik ve kolay kullanılabilir bir yapıya dönüştürmek için faydalanabileceğiniz sürüklenebilir (slider, Scroll-bar, Slideshow, canvas mask) web elemanları (bileşenleri) eldemeniz için geliştirilmiş, oldukça kullanışlı bir Javascript bileşeni.


12kB hafifliğindeki Dragdealer JS bileşeni, yatay ve dikey yönde haraket eden sürgüleri/kaydırma çubuklarını ve slide gösterimlerini hazırlayabilmeye imkan vermenin yanında, bu web elemalarını farklı yaklaşımlarda hazırlanmış olan tasarımlara uygun hale getirebilme esenekliğini de sunmakta.

HTML5 Video Oynatıcı: Video JS

angelsdemos | 04 June 2010 09:40

Web sitenizde video yayınlayanlar genelde flash player ile yapılan video eklentileri veya Media Player kullanırlar. Fakat tüm bunlara gerek kalmadan sadece HTML5 ve CSS3 yardımı ile web sayfanızda video yayınlayabilirsiniz.HTML5‘in yükselmesi ile gündeme gelen bu video oynatıcıları henüz Internet Explorer gibi bazı eski sürüm tarayıcılar desteklemese de oldukça popüler ve ilgi çekici oldukları söylenebilir.

Video JS, tamamen HTML5 ve CSS3 ile hazırlanan açık kaynak kodlu ve ücretsiz olarak dağıtılan bir video oynatıcısıdır. Web sitenizde videoları herhangi bir eklentiye gerek kalmadan yayınlamanızı sağlayan bu uygulama ile hertürlü videoyu yayınlayabilirsiniz. H264 ve Theora Ogg gibi formatları da destekleyen bu kolay kullanımlı uygulama kullanıcılar açısından herhangi bir sorun olmadan yayın yapabiliyor.

Tam ekran özelliği, ses ayarı, durdurma/oynatma düğmesi ve herhangi bir bölümüne sarabileceğiniz çubuğu ile diğer video oynatıcılarını aratmayan bu uygulamayı birçok tarayıcıda çalıştırabileceğiniz gibi iPhone veya iPad gibi dokunmatik cihazlarda da çalıştırabilirsiniz.

Online HTML,CSS ve JS Editorü JsBin

sundowatch | 20 May 2010 12:25

Günümüz dünyasının web’e kaymasıyla online editör ler de web üzerinden olduklarından rağbet görmeye başladı. Gerek kullanışlılık gerek kolaylık gerekse hemen açılıp 3 saniyede kod yazmaya olanak sağlayan editörle daha da kullanılır oldu.

işte JsBin de tam web geliştiricileri için bir editör. Kullanışlılık bakımından diğerlerini nerdeyse solda sıfır bırakır.

JsBin'den bir görüntü
JsBin’den bir görüntü

Neden JsBin?

Bu soruya verilecek yanıtlara beraber bakalım:

Etkileyici Bir HTML5 Video Oynatıcısı: JW Player for HTML5

algoz | 17 May 2010 15:44

jQuery tabanlı olarak hazırlanmış, tasarımsal ve işlevsel müdahalelere imkan veren, popüler web video oynatıcısı (Web Media Player) JW Player, yeni HTML5 versiyonu olan JW Player for HTML5 oynatıcısını, beta olarak kullanıma sundu.


Web içeriği denince akla ilk gelen içerik türü olan videoların, kullanıcılar tarafından web sayfalarından kolayca oynatılabilmesini sağlayan web video oynatıcılarına iyi bir örnek olan JW Player for HTML5, bir oynatıcıda olması gereken birçok özelliği bünyesinde taşımasının yanında diğer bir önemli özelliği ise, HTML5 desteği olayan tarayıcılarda otomatik olarak Flash versiyonunu göreve çağırması.

JW Player for HTML5 uygulamasına hemen buradan giderek dokümanlarını inceleyebilir ve kendisini indirebilirsiniz.Demo gösterimi ise burada.

interaktif takvimler için: Date Range Picker

angelsdemos | 26 April 2010 09:43

Web sitenizin içeriğine göre web sitenize takvim eklemek veya takvim üzerinden işlemler yapmak zorunda kalabilirsiniz. Kullanıcılarınız ürünlerinizi takvim üzerinden takip edebilir veya işlemlerinizi o takvim üzerinden yayınlayabilirsiniz. En azından üyelik formunda kullanıcınızın doğum tarihini interaktif bir takvim ile alabilirsiniz. Tüm bu işlemleri ve daha fazlasını Date Range Picker uygulaması ile yapabilirsiniz.

Date Range Picker, içerisinden birçok seçenek ve birçok tema bulunan bir jQuery eklentisidir. Klasik bir forma tıklandığında tooltip özelliği sayesinde ortaya çıkarak kullanıcıları uzun işlemlerden kurtarır. Son günü, son 7 günü, son ay, son yıl gibi kısayollar sayesinde birden çok tarihi seçebilirsiniz.

Harika Bir Görsel Sunum Eklentisi: YoxView!

algoz | 21 April 2010 09:42

Eğer web sitemizde resim veya fotoğraf gibi görsel içerikleri barındıyorsak, görsel içeriğimiz ne kadar etkileyici olursa olsun, içeriğimizi ziyaretçilerimizi etkiyececek bir sunumla yani; başarı hedeflerimize/kıstaslarımıza ulaşma yolunda bir katalizör görevi görecek janjanlı bir ambalaj ile sunmamız gerekir.

Web sitenizdeki görsellerinizi hem kullanımı kolay hem de oldukça etkileyici bir şekilde sunmanızı sağlayacak bir JQuery Görsel Sunum Eklentisi olan YoxView, ücretsiz ve kolay uygulanabilir olması ile beğeninizi kazanacak bir eklenti.

Şık Sunumlar İçin jQuery Eklentisi: jCoverflip

algoz | 17 April 2010 14:10

Genellikle alışveriş sitelerinde görmeye alışık olduğumuz, şık ve zarif bir içerik/ürün/materyal sunum türünü Flash kullanmadan yapabilmemizi sağlayan jCoverflip, etkiletici bir jQuery eklentisi görünümünde.

jQuery 1.3+ ve jQuery UI 1.7.2 gereksinimleri ile çalışabilen jCoverflip, içeriğindeki öğeleri; herbir öğe üzerine tıklamak veya jQuery UI slider ile hazrılanmış olan kaydırma çubuğu yardımı ile, sunmakta.

Popeye Jquery ile resim gösterme şeysi

admin | 16 April 2010 11:22

Selamlar dostlar
Yine kodaman da aslında pek çok istenmeyen bir yazımsı ile karşınızdayım. Bu seferki yazı Jquery ile resim gösterme teknikleri ve yeni çıkan bir plugin hakkında olacak hemencecik girizgahımızı yapalım

Efenim jquery hepimizin malumu; web geliştiricilerine çok büyük özgürlükler sağlayan bir framework çatısı. Flash gibi çoğu geliştiriciyi kastıran bir uygulamadansa tek satır kod ile aklınızda olan her türlü efekti (bounce, smoot,) ve uygulamayı yaptırtan (ajax, json …) eğlenceli bir o kadarda insanın ufkunu açan bir framework

Eli Ayağı Düzgün Web Formları İçin: ValidForm Builder!

algoz | 15 April 2010 09:45

Günümüz Web sitelerinin vazgeçilmez elemenlarından olan Web formları, web sitesi ile kullanıcı arasında cereyan eden interaktif etkileşim için, olmazsa olmaz bir web elemanı konumundalar.

En fazla kullanıldığı yerler olan, üyelik işlemleri gibi bilgi girişlerinin yoğun bir şekilde yapıldığı yerlerde kullanılan web formlarında bulunması gereken en önemli işlevsel özellik ise; kullanıcılar tarafından girilen bilgilerin, web geliştiriciler tarafından belirlenmiş geçerlilik kıstaslarına uyup uymadığının kontrol edilmesi.

Oldukça önemli olan bu işlevin tam olarak yerine getirilesini sağlamak amacı ile geliştirilmiş bir kütüphane olan ValidForm Builder, PHP ve JavaScript (JQuery) ile geliştirilmiş ve hem istemci taraflı hem de sunucu taraflı olarak, geçerlilik denetlemesini yapabilmekte.

Her Eve Lazım jQuery Slayt Gösterim Eklentisi: simpleSli.de

algoz | 12 April 2010 14:48

Başta haber siteleri olmak üzere, farklı bakış açıları ile tasarlanan web siteleri için vazgeçilmez bir yöntem olan; içeriğin oldukça şık tasarlanmış geçiş animasyonları ile ziyaretçilere bir slayt gösterimi şeklinde sunulması yöntemi için web’te onlarca ücretli veya ücretsiz eklenti bulmak mümkün.

Mevcut veya ileride hazırlayacağınız web projelerinde kullanılmak üzere arşivinizde saklayabileceğiniz bir jQuery slayt gösterim eklentisi olan simpleSli.de, aman aman bir görsel sunum ve özellikler sunmasa da, çoğu web projesinde kullanılabilecek bir şıklığa ve sadeliğe sahip.

simpleSli.de; 4kb’lık (sıkıştırılmış hali) boyutu, HTML ile düzenlenebilir görsel ve metin içeriklerin eklenebilmesi (sayfalama (paging) için kullanılabilmekte), slayt geçişleri ile ilgili bazı ayarların yapılabilmesi ve slay geçişlerinin otomotik olarak yapılabilmesi gibi özellikleri tasarımcılara/geliştiricilere sunmakta.