bildirgec.org

javascript hakkında tüm yazılar

Resim Kırpma Bileşeni: Jcrop

angelsdemos | 23 June 2010 09:36

Jcrop, herhangi bir imajı üzerinde kesme, kırpma, kopyalama gibi imaj üzerinden yapılabilecek bazı işlemleri gerçekleştirmek için arayüz oluşturabilen interaktif bir uygulamadır. Jcrop herhangi bir imaj dosyasının belirli bir bölümünü seçmeye yarayan muhteşem bir jQuery uygulamasıdır.

Jcrop ile her türlü imajın belirli bir bölümünü seçerek bu imaj üzerinden çeşitli işlemler yapabilirsiniz. Seçtiğiniz bölgenin koordinatlarını (x1, x2, y1, y2, w,h) öğrenebilir, farklı bir bölgede sadece kestiğiniz kısmı normal veya yakınlaşmış olarak görebilir veya sadece seçili kısmı değişikliğe uğramaz halde gösterebilirsiniz.

Tüm bu seçme işlemleri sonrasında resme farklı tooltip şeklinde notlar ekleyebilir (Facebook‘taki gibi), imajın seçili bölgesini daha yakından göstererek ürününüzün kalitesini gösterebilir veya imaj üzerinden kesme, kırma, efektler uygulama gibi farklı işlemleri farklı yöntemlerle gerçekleştirebilirsiniz. Ayrıca Jcrop üzerinde farklı renkler kullanarak web sitenize göre kişiselleştirebilirsiniz.

Panning Slideshow

angelsdemos | 22 June 2010 09:48

Birçok web projesinde kullanabileceğiniz Panning Slideshow, jQuery ile yapılmış bir slayt uygulamasıdır. Özellikle farklı geçiş efektiyle dikkan çeken Panning Slideshow oldukça kullanışlı ve hoş görünüme sahip bir uygulama.

4 veya daha fazla fotoğraf kullanabildiğiniz Panning Slideshow fotoğraflar arası farklı geçiş efektini sunar. Sağa-Sola veya çapraz olarak ilerleyen bu uygulamayı birçok web projenizde ücretsiz olarak kullanabilirsiniz. Oldukça kolay kullanımı olan Panning Slideshow ile istediğiniz fotoğrafları web sayfanızda yayınlayabilir veya ürünlerinizi tanıtabileceğiniz farklı bir araç olarak kullanabilirsiz. Tüm bunları yaparken hiçbir eklenti olmaksızın kolaylıkla kullanabilirsiniz.

Tasarımın İçinde Olan Herkes İçin Yer İmi Seti

earslan | 21 June 2010 16:37

Şahsen yıllardır ayıklayıp biriktirdiğim, binlerce yer imi arasından seçip ayıkladıklarımı; siz değerli bildirgec.org kullanıcılarına sunuyorum. Artık paylaşmalıyım dedim ve buraya yazdım.
Görüleceği üzere çoğunluğu bildirgec.org mimlerinin oluşturduğu derleme, umarım faydalı olur.
Unutmadan belirteyim, içerikler tasarım ağırlıklıdır..

Şimdiden teşekkürler..

http://djdesignerlab.com/2010/04/25/25-fresh-and-useful-jquery-plugins/

http://www.nobledesktop.com/download/shortcut_guides/indesign_cs4_shortcuts_pc.pdf

http://acrisdesign.com/2009/09/70-dazzling-light-effect-photoshop-tutorials/

http://arsiv.pilli.com/yazi/karikatur-karakterleri-yaratma-dersleri

Zoom Bileşeni: Zoomooz

angelsdemos | 21 June 2010 09:37

Zoomooz, websayfanızdaki herhangi bir eleman üzerinde her türlü zoom efektini yapmanızı sağlayan muhteşem bir jQuery uygulamasıdır. Zoomoz’u web sitenizdeki resimler, bloklar, metinler gibi aklınıza gelebilecek her elemana uygulayabilirsiniz.

Hiçbir eklenti gerektirmeyen bu jQuery uygulaması ile fotoğrafların büyük boylarının anında ekrana gelmesini sağlayabilir veya herhangi bir fotoğrafa yakınlaşma efekti yapabilirsiniz. Bunların haricinde üç boyutlu bir küp yapıp herhangi bir bölümüne yakınlaşma ve uzaklaşma yapabilir veya bloklarınızın bir bölümüne zoom efekti koyarak sağdan sola, yukarıdan aşağı gibi farklı açılardan bu uygulamayı kullanabilirsiniz.

25 Taze ve Kullanışlı Jquery Eklentisi

earslan | 17 June 2010 12:22

Web sayfası tasarımı ile ilgilenen herkes bilir ki; eğer sınırlı bir miktarda içeriği görüntülemek için ya da sadece web sitenizin bir bölümü daha ilgi çekici yapmak istiyorsanız jQuery mükemmel bir çözümdür. jQuery yol geliştiriciler ve kullanıcıların web siteleri ve web uygulamalaryla etkileşimi JavaScript dünyası ile değişti. Bu makalede, son birkaç ay içinde yayımlanan 25 taze ve yararlı jquery eklentileri görebilirsiniz.

Spritely

Sayfanızda dinamik bir animasyon oluşturmak istiyorsanız ve bunu Flash olmadan yapmak istiyorsanız, bu örnek size göre..
Demo | İndir

Spritely
Spritely

BubbleUp

Bu eklenti, sayfalarınızda kullanabileceğiniz minik bir efekttir. İmajlarınıza Hover efekti verebileceğiniz kullanışlı ve sevimli bir eklenti…

Demo | İndir

Bubble Up
Bubble Up

Quicksand

Kendisini çokça kullanmış olduğumdan özellikle tavsiye edebileceğim bir Jquery eklentisi. Sayfanızda belirlediğiniz özelliklere göre filtreleme yapabileceğiniz muhteşem bir eklenti.

Demo | İndir (“Download” ederken size, sadece script kodlarını vermektedir. Site üzerinden dökümanlara ulaşabilirsiniz.)

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.

jFlip ile Sıradışı Geçişler

angelsdemos | 26 May 2010 15:00

jFlip, her websitesine birçok şekilde kullanılanbilen jQuery tabanında hazırlanan çok hoş bir uygulamadır. Adobe‘nin popüler tarayıcı eklentisi flash‘a gerek kalmadan birçok işlemi artık html5 ve jquery gibi javascript kütüphanesi sayesinde yapabileceğimizin kanıtlarından biri olan bu uygulama, farklı geçiş efekti ile birçok uygulamada kullanılabilir.

Normal kullanımlar için ve Wordpress kullananlar için de hazırlanan bu uygulamayı web sitenizde alacağınız reklamlar için, fotoğraflarınızı gösterebileceğiniz hoş bir galeri veya farklı uygulamalar için kullanabilirsiniz.jFlip tüm resimler ve Wordpress sürümü .jpg, .png, .gif formatındaki resim dosyaları ile uyumludur.

Google, WebM Projesini duyurdu!

axanc | 25 May 2010 09:47

Web dünyası, çarşamba sabahı yeni bir hediyeye sahip oldu. Google, HTML5 için “açık kaynak kodlu” video ve ses formatlarını içeren WebM Projesini duyurdu.

Bu medya projesi bundan sonra WebM Projesi adı altında devam edecek. Ve beklendiği gibi VP8 video codec’i, webm projesinin merkezinde yer alıyor. Google bu teknolojiyi bu yılın başında aldı ve geliştiriciler projenin açık kaynak kodlu olarak ilan edilmesi için sabırsızlanıyorlardı. Ve çarşamba akşamı dilekleri yerine geldi.

I/O konferansında yapılan açıklamada, “VP8 projesini tamamen açık kaynak kodlu ve zorlamalardan uzak bir şekilde size sunuyoruz” denildi. Google zaten hali hazırda bu formata yönelik desteği chrome, youtube ve kendi siteleri üzerinde yapmış durumda; yeni format sayesinde mükemmel bir HTML5 deniyimi hedefleniyor.

WebM Projesi, bir dizi video sıkıştırıcısı ve çözücüsünden oluşuyor. (Coder-Decoder). Bu araçlar sayesinde internet tarayıcıları vdieo ve ses içeriklerini herhangi bir eklentiye gerek duymaksızın kolaylıkla HTML5 sayfalarında kullanabiliyorlar. Proje Mozilla, Opera ve Google’ın desteklemesi ile başladı. Şimdiden bütün tarayıcı üreticileri bu format için destek üretmeye başladıklarını duyurdular. Hatta microsoft, sene sonunda çıkması beklenen explorer 9’a da bu desteği ekleyeceğini duyurdu. Adobe da gelecekte flash player’lar için böyle bir desteği düşündüklerini açıkladı.

Hazır JavaScript Kodları

rayovacplus | 24 May 2010 10:58

Bu javascript programı ile hazır kodlar bulabileceğiniz ve bu kodları görsel olarak kullanabileceğiniz içerisinde 200‘den fazla hazır uygulama bulunmaktadır, uygulamalardan bazıları şunlar,

  • Arkaplan efektleri
  • Reklam Banner lari (resimleri)
  • Hesaplama araçları
  • Çerezler
  • Sayaçlar
  • Tarih ve saat uygulamaları
  • Eposta uygulamaları
  • Form uygulamaları
  • Oyunlar
  • Oluşturucular
  • Resim efektleri
  • Link efektleri
  • Hata sorgulama uygulamaları
  • Fare efektleri
  • Yönlendirme uygulamaları
  • Kaydırma çubuğu uygulamaları
  • Metin efektleri
  • Araçlar & Çeşitli uygulamaları
  • Kullanıcı bilgileri uygulamaları
  • Pencere durum çubuğu efektleri
  • Pencere başlığı uygulamaları
  • Pencere uygulamaları

uygulamaları geliştirmenize yardımcı olabilecek bu javascript programı işlerinizi çok daha kolaylaştıracaktır. Tarayıcınız ile anında test edebilme imkanıda sunuyor. Web tasarımcıları ve web programcıları için bu elinin altında bir yardımcı araç olarak durabilir.