bildirgec.org - mayd0s - beğendikleri

jquery öğe sürükleme aparatı - 1

mayd0s — Sat, 28 Aug 2010 07:55:00 GMT

jquery + isimli kütüphane sayesinde web sitelerine büyük bir hareketlenme geldi. bu yazılımın bu kadar sevilmesindeki en büyük neden belki de kolay anlaşılması ve en zor efektleri bile kısa komutlarla uygulama imkanı vermesidir. açık kaynaklı bir teknoloji olduğu için (javascript) 3. kişiler kolayca eklentiler üretebiliyor ve jquery sürekli güncelliğini korumayı başarıyor.

bu yazıda çok profesyonelce hazırlanmış bir eklenti tanıtılacak. bu eklenti sayesinde web sayfanızdaki her şeyi mouse ile tutup bir yere sürükleme özelliği katabilirsiniz ancak sadece tut-sürükle-bırak ritüeline sıkışmak zorunda değilsiniz. ek olarak onlarca opsiypnu bulunuyor. eklentinin hüneri de zaten opsiyonlarında gizli.

______________detaylar______________
jquery indir
Eklentiyi indir
eklenti anasayfası
lisans koşulları
genel demo sayfası
______________ basic ______________
en basit biçimde web sayfasındaki herhangi bir öğeyi mouse ile sürüklemenizi sağlar.
demo
______________ relative ______________
öğeleri sayfa içinde sınır tanımadan sürüklenebilir olmasını sağlar.
demo

______________ axis ______________
öğeyi sadece tek eksen üzerinde hareket edecek biçimde yapılandırır. sadece yatay veya düşey eksende hareket etmesini sağlar.
demo
______________ Grid ______________
öğenin sürüklenmesini adım adım hareket edecek biçimde düzenler. bu özellik bilhassa ses düzeyi arttırmak ve buna benzeyen görevleri yerine getiren kaydırma çubuklarında faydalı sağlıyor.
demo
______________ contain ______________
sürüklenen öğeye sınır getirip bu sınırların dışına sürüklenmesini engellemeyi sağlıyor. eğer sayfanızda bolca sürüklenebilen öğe varsa çoğunun sürüklenmesi sonucunda sayfanızın içi kaos bölgesine dönmemesi için faydalı olabilir.
demo
______________ circular ______________
öğeyi dairesel bir eksende sürüklemeyi sağlar. özellikle "color picker" adı verilen, renk seçmeye yarayan paletlerin dairesel bölümlerinde renk skalası üzerinde seçiciye dairesel bir işlevsellik katmakta kullanılıyor.
demo
______________ handle ______________
öğelerin tutulabilir yerlerini ayarlar. genellikle pencere görünümündeki öğelerin sadece başlık kısımlarından tutulup sürüklenmesini sağlar.
demo
______________ active ______________
öğenin sürüklendiği sırada tepki vermesini sağlar. öğenin renk değiştirmesi, gölge kazanması, arkaplanının değişmesi ve benzeri şeyler...
demo
______________ proxy ______________
öğenin yansımasını sürüklemeye yarar. taşınabilir yaptığınız öğeler bazen fazlaca büyük olabilirler. ya da bir video öğesini sürükletmek isteyebilirsiniz. böyle durumlarda ziyaretçilerin grafik işlemcileri zayıf ise akışkan bir sürükleme deneyimi yaşayamazlar. takılmalar olur. bu dezavantajı aşmak için, öğe sürüklenmek istenirse içi boş, sisteme yük bindirmeyen bir kutuyu sürüklemeye başlarsınız. bıraktığınız yere esas sürüklemek istediğiniz kutu bir anda taşınır. işletim sistemleri de (windows, linux vb) grafik işlemcisi yetersiz olduğunda öğeleri sürüklemek için bu metoddan faydalanırlar.
demo
______________ z-index ______________
z-index, derinlik indeksi demektir. iki ve daha fazla sürüklenebilir öğe üst üste geldiğinde sürükleyeceğiniz öğe bütün öğelerin altında bile kalmış olsa, sürüklediğiniz anda hepsinin üzerinde görünmeye başlar. bilindiği gibi "z" isimli matematik değişkeni, 3 boyutlu uzayda derinlik değerini tutan değişkendir.
demo
______________ revert ______________
öğeler adreslerini bilir hale gelir. bir öğeyi nereye sürüklerseniz sürükleyin, bıraktığınızda başlangıç noktasına geri dönmesini sağlar.
demo
______________ multi ______________
aynı anda 2 ve daha fazla öğeyi sürüklemeyi sağlar. bir defada sürüklemek istenen öğeler tıklanarak işaretlenmelidir. öğe seçimi bittiğinde herhangi bir öğeyi sürüklemeye başladığınızda işaret koyduğunuz öğelerin hepsi mouse hareketinizi takip etmeye başlar. oldukça kullanışlı bir özellik.
demo
______________ offset ______________
mouse işaretini öğe üzerinde ortalar. bir öğeyi sürüklemeye başladığınız anda öğenin tam orta noktası mouse işaretinin altına getirilir. böylece öğeyi tam orta yerinden sürüklemeye devam edilebilir. sürüklemeyi kolaylaştırmaya yönelik bir özellik.
demo
______________ live ______________
dinamik biçimde sürüklenebilir öğe oluşturmanızı sağlar. html dökümanınızda sürüklenme özelliği olan hiç bir öğe bulunmasa bile, ziyaretçinin davranışlarına göre tepki amaçlı taşınabilir öğe oluşturmanızı sağlar. özellikle "alert box" gibi kullanıcıya anlık hata iletileri veren pencereler yapmakta faydalı olur.
demo
______________ which ______________
mouse'un sağ tuşuyla öğeyi sürüklemek gerektiğinde faydasını gösterir.
demo
______________ click ______________
bir çeşit sayaç fonksiyonudur. bir öğenin kaç defa tıklandığını sayar. sürüklenebilen her bir öğenin kendine özel bir de tıklama sayacı bulunur. istatistik tutmak istediğinizde iş görebilir.
demo
______________ not ______________
sürüklenebilir öğeler üzerinde kör noktalar oluşturmanızı sağlar. mesela taşınabilir kutu içinde link kullanıldığında bu linkten tutup kutuyu sürüklemek imkansız hale gelir.
demo
______________ distance ______________
sürüklemeye başlamadan önce avans değeri vermeyi sağlar. hemen tıklanır tıklanmaz yerinden oynamasını istemediğiniz öğeler varsa bunlara bir miktar avans verirseniz sürükleme miktarı avansı aşmadan öğe hareket etmez.
demo
______________ resize ______________
öğenin boyutlarını orantısızca değiştirmek için faydalıdır. bilindiği gibi resimleri kırpmak için klavuz yüzeylere ihtiyaç vardır. söz konusu katmanları üretmek için kullanılabilir.
demo
______________ resize2 ______________
resize ile aynı görevi yapar. ek olarak orantılı boyutlandırma özelliği bulundurur. öğelerin tam 8 noktasına boyutlandırma noktası ekler.
demo
______________ draw ______________
yazı tahtasına ihtiyacınız varsa işinizi görebilir. canvas desteği olan modern tarayıcılar üzerinde çalışmaktadır.
demo
__________________________________________
kaynak : plugins | jquery
__________________________________________

Bu yazıda sürükleme işlemini çözmüş olduk. sonraki yazıda "drop" yani bırakma işlerini düzenleyen bir eklentiden bahsedeceğim. Takipte kalın...

Devam edecek...

Bu yazı mayd0s tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Fancy Sliding Form ile Hareketli Formlar

mayd0s — Wed, 21 Jul 2010 06:30:00 GMT

Fancy Sliding, diğer slider uygulamalarının aksine sadece form örnekleri üzerine kurulmuş bir jQuery uygulamasıdır. Ücretsiz olarak kullanabileceğiniz ve nasıl yapıldığını öğrendiğiniz bu uygulama ile uzun ve karmaşık üyelik, iletişim, alışveriş formlarınızı kısaltarak tek sayfada toplayabilirsiniz.

Fancy Sliding, kullanıcılarınızı yormadan form doldurtmak için kullanabileceğiniz jQuery ve css ile hazırlanmış muhteşem bir uygulamadır. Sistemli yapısı sayesinde formlarınızı kullanıcılarınızın daha fazla hoşuna gidecek şekilde ayarlayabilir veya web siteniz birden fazla form örneği içeriyorsa hepsini bir sayfada kategorilendirebilirsiniz.

Codrops yapımı olan ve tamamen özelleştirebileceğiniz bu uygulama slider özelliği sayesinde göze oldukça hoş gözüken geçişleri size sunar. Ayrıca doldurulmayan formlar olduğu zaman o kısmıda hata gösterir ve kullanıcı formu göndermeye çalıştığında uyarı mesajı gönderir.

Internet Explorer v7+, Firefox v3+, Google Chrome v2+ ve Safari v3+ sürümleri üzerinde çalışabilen Fancy Sliding Form'u buradan indirebilir veya demo sayfasına buradan ulaşabilirsiniz. Eğer isterseniz ayrıntılı dökümana bu sayfadan erişebilirsiniz.

Ayrıca Bakınız;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : tympanus

Bu yazı mayd0s tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Muhteşem bir Tooltip Uygulaması: Colortip

mayd0s — Fri, 16 Jul 2010 06:57:00 GMT

Colortip, jQuery tabanlı hazırlanmış basit bir tooltip uygulamasıdır. Metinlerinizin herhangi bir bölümüne ekleyebileceğiniz küçük baloncuklar yanlızca o bölümün üzerine gelindiğinde ortaya çıkar ve sizin vermek istediğiniz kısa bilgiyi içerir.

Web sitenizin içeriğine göre renk ayarını değiştirebileceğiniz bu uygulama ile metinlerinize küçük hatırlatıcılar, ekstra bilgiler yerleştirebilirsiniz. İçeriğinde 6 farklı renkli tema bulunan bu uygulamayı değiştirerek farklı renk tonları ile çalışabilirsiniz.

Metinlere ekstra olarak imaj dosyalarında veya linklerinize'de ekleyebileceğiniz bu tooltip'ler yardımı ile linklerinize veya imajlarınıza açıklayıcı metinler ekleyebilirsiniz.Ayrıca hafif geçiş efekti ile birden kaybolmayarak hoş bir izlenim uyandırır.

Oldukça kolay kullanımlı ve basit tasarımlı bir jQuery tooltip uygulaması olan Colortip'i buradan indirebilir veya buradan demo sayfasına bakabilirsiniz.Ayrıntılı dökümanı için bu sayfaya göz atabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : tutorialzine

Bu yazı mayd0s tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

En iyi jQuery Uygulamaları - Haziran 2010

mayd0s — Mon, 28 Jun 2010 06:48:00 GMT

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com'dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSlider - Demo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelelliğini, "Play/Stop" (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm Dialog - Demo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

scrollExtend and onScrollBeyond - Demo

Bu farklı jQuery uygulaması web sayfalarınızı fazla doldurmamanızı ve istendiğinde diğer bilgilerin ortaya çıkmasını sağlayan muhteşem bir uygulamadır. Imleci aşağı kaydırdığınız taktirde sayfanın devamının yüklenmesi ile yeni bilgiler gelmekte.

JcubeiT Plugin - Demo

3 Botutlu bir küp olan bu uygulama ile küp'ün farklı yüzeylerine fotoğraflar veya metinler yerleştirebilirsiniz. Herhangi bir renk ayarını yapabilir ve istediğiniz gibi kişiselleştirebilirsiniz.

jQnotice - Demo

jQnotice, klasik bir jQuery tabanlı tooltip özelliği bulunan bir uygulamadır. Herhangi bir linke tıklanığınızda çıkan baloncuk ile kullanıcılarınıza istediğiniz herhangi bir mesajı iletebilir ve uyarılarda bulunabilirsiniz.

jQuery FormLabels Plugin - Demo

Bu jQuery uygulaması ile metinlerinize, fotoğraflarınıza yada herhangi bloklara farklı bir aydınlanma efekti verebilirsiniz. Demoda bulunduğu gibi farklı şekillerde kullanılabilir ilginç bir uygulama.

jCollapser - Demo

Klasik bir jQuery slider özelliği taşıyan bu uygulama ile kullanıcılar istedikleri bilgiyi görebilir yani herhangi bazı metinleri, görselleri gizleyebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

Bu yazı mayd0s tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Resim Kırpma Bileşeni: Jcrop

mayd0s — Wed, 23 Jun 2010 06:36:00 GMT

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.

Resimlerin belirli bölgelerini seçmeye yarayan Jcrop uygulaması Firefox v3+, Google Chrome v3+ ve Safari v4+ destekliyor. Herhangi bir eklenti gerekmeksizin kullanıcılara sunabileceğiniz ve js dosyasının 25kb. olduğu bu uygulamayı buradan indirebilirsiniz. Eğer isterseniz çeşitli demolarının bulunduğu bu sayfayı inceleyebilir veya php ile yapılmış fotoğrafların belirli bir kısmını kesmeye yarayan demo uygulamayı ise buradan inceleyebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : deepliquid

Bu yazı mayd0s tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Harikulade CSS3 Tekniklerinden Bir Demet!

mayd0s — Mon, 07 Jun 2010 12:04:00 GMT

Web tasarımı bu günlerde HTML5 ve CSS3 ile büyük bir Upgrade yaşamakta. Tarayıcı desteklerinin giderek artması ile somut kullanımını giderek daha sık görmeye başladığımız, web dillerinin bu yeni versiyonları için hazırlanmış örnekleri ve eğitimleri, ilgili web sitelerinde çok daha fazla sayıda görmek mümkün.

Aşağıda listelenmiş olan CSS3 eğitimleri (teknikler, örnekler) ile, daha önceleri yapamadığınız veya yapmak için ek bazı dosyalara/görsellere ihtiyaç duyduğunuz, "göreni kendisine hayran bırakan" tasarımsal özellikleri, CSS3 ile nasıl yapabileceğinizi öğrenebilir ve hemen denemeye başlayabilirsiniz.

Apple HTML5 Showcase: Apple tarafından yakın zaman önce açılan ve içeriğinde HTML5 ve CSS3 tekniklerinin bulunduğu bir tanıtım sayfası.

CSS3 Butonlar - Demo

CSS3 İle Sütun Grafikler (Bar Graph) - Demo

CSS3 Aşağı Açılır Menü (Dropdown Menu)

CSS3 Konuşma Balonları (Speech Bubbles) - Demo

CSS3 Yuvarlak Kenarlar ve imleç etkileşimi (Border Radius Hover States) - Demo

CSS3 Gölgeleme (Box Shadow)

[Bonus+++++]
+Flash ile Görsellere Büyüteç Etkisi!
+Tweetmojo İle Webcam'li Tweetler!
+jQuery Scrollable ile Web Sayfalarını Hareketlendirin!
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Google'dan SEO Dersi:URL Adresleri Nasıl Olmalı?
[Kaynak] mashable
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

Bu yazı mayd0s tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

jQuery-Notes

mayd0s — Sat, 22 May 2010 07:28:00 GMT

jQuery-Notes, fotoğraflarınıza not eklemenize yardımcı olan sıradışı bir jQuery uygulaması. Resimlerinizin altına, köşesine not eklemek artık sizin için yeterli değilse jQuery-Notes tam size göre bir uygulama.

jQuery 1.4, jQuery-UI 1.7+ ve PHP5 ile hazırlanan bu uygulama sayesinde resimlerinizin üstünde herhangi bir yerine not ekleyebilir ve notlarınıza link verebilirsiniz. Bu sayede resimlerinizdeki herhangi bir nesne veya kişiye dikkat çekebilir veya tanımlayabilirsiniz.

Dünyanın en popüler sosyal medya aracı haline gelen Facebook'ta bulunan benzer uygulamadan esinlenerek hazırlanan jQuery-Notes sayesinde resimlerinizi boş bırakmak zorunda değilsiniz.Fotoğrafların sağ alt köşesinde yer alan 4 düğme sayesinde notlar ekleyebilir veya onları görmek istemiyorsanız uygulamayı inaktif duruma getirebilirsiniz.

Sosyal medya platformlarında kullanılması için hazırlanan jQuery-Notes üzerinde ayrıca 'reload' düğmesi sayesinde yenin eklenen notları anında görebilirsiniz. Ayrıca not sayısını öğrenebilir ve istediğiniz düğmeleri kaldırabilirsiniz.

Bu jQuery uygulaması sadece 44 KB boyuntunda ve Explorer v7+, Firefox v3+, Google Chrome v4 ve Safari v4 desteğine sahip.jQuery-Notes'un orjinal web sayfasına gitmek için buraya demo sayfasına gözatmak için buraya bakabilirsiniz. Ayrıca jQuery-Notes'u buradan indirebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : rydygel.de

Bu yazı mayd0s tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

En iyi jQuery Uygulamaları - Nisan 2010

mayd0s — Thu, 29 Apr 2010 06:42:00 GMT

Günümüzde jQuery ile birçok uygulama yapılmakta. Büyük bir kütüphane haline gelen jQuery ile aklınıza gelebilecek tüm uygulamaları flash ve benzeri eklentiler kullanmadan web sitenizde kullanabiliyorsunuz. Aşağıda Nisan ayının en çok kullanılan ve görüntülenen jQuery uygulamaları bulunmakta. işte jQuery.com üzerinden hazırlanmış en iyi jQuery uygulamaları ;

3D Cloud Carousel - Demo

jQuery ile hazırlanan bir sunum ürünü olan 3D Cloud Carousel'i web sitenizde ücretsiz olarak kullanabilirsiniz. Bu sunum uygulamasında ürünlerinizi tanıtabileceğiniz gibi farklı temadaki galerilerde oluşturabilirsiniz.

jQuery Slider - Demo

jQuery Slider, belirli aralıktaki değerleri seçmek için yapılmış bir jQuery eklentisidir. Bu eklenti ile ziyaretçileriniz iki değer aralığını seçebilirler. Alışveriş sitelerinde kullanılabileceği gibi (fiyat aralığı) arama motorları tarafındanda kullanabilinecek bir uygulama.

SimpleModal - Demo

jQuery kütüphanesi ile hazırlanan bu tooltip uygulamasının 4 farklı demo seçeneği bulunmakta. Bu tooltip uygulaması ile bilgi kutuları, iletişim formları, farklı temalardaki iletişim kutuları veya onay kutuları oluşturabilirsiniz.

Open Standard Media Player

HTML5 ve jQuery ile hazırlanan bu medya oynatıcı ile flash'a gerek kalmadan web sitenizde video oynatmanızı sağlar. GPL lisansı olan bu uygulama ile YouTube, Vimeo gibi sitelerden üzerinden videolar oynatabileceğiniz gibi kendi videolarınızı yayınlayabilirsiniz.

CropZoom - Demo

CropZoom, profesyonel özellikleri bulunan bir jQuery fotoğraf düzenleme aracıdır. Web sitenizdeki fotoğrafları 360 derece döndürebilir ve yakınlaşabilir ayrıca istediğiniz genişlikte resmi kırpabilirsiniz.

Star Rating widget - Demo

Star Rating widget, gelişmiş bir oylama aracıdır.jQuery ile hazırlanan bu uygulama eşzamanlı olarak oylama yapmanızı sağlar. İstediğiniz ölçüde oylama yapabileceğiniz bu uygulamanın toplam 7 adet demosu bulunmakta.

FS.Magnify - Demo

FS.Magnify, farklı özellikleri bulunan bir fotoğraf görüntüleme aracıdır.Web sayfanızdaki küçük boy resim veya fotoğrafları birçok farklı efekt ile aynı sayfada orjinal halini tooltip şeklinde gösterebilirsiniz.

NavIt - Demo

NavIt, interaktif olarak hazırlanmış bir jQuery menü uygulamasıdır. Web siteniz için hazırladığınız menünüze alt menüler ekleyerek alt alta veya yan yana yayınlayabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

Bu yazı mayd0s tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Benzersiz jQuery uygulamaları

mayd0s — Mon, 19 Apr 2010 06:54:00 GMT

jQuery'nin sürekli genişleyen bir kütüphane olması, css3 ve html5 teknolojilerinin gelişmesi ile beraber birçok uygulama internet ortamında flash gibi eklentiler olmaksızın uygulanabiliniyor. Çizim paletleri, oyunlar, animasyonları eklenti kurmaksızın web sitenizde uygulayabilirisiz. İşte benzersiz jQuery uygulamaları;

Harmony - Demo - Video

jQuery ile yapılan bu uygulama ile web sayfanıza bir çizim tahtası yerleştirebilirsiniz. Chrome, Sketchy, Shaded gibi birçok çizgi türü bulunan bu uygulama ile birbirinden farklı eskizler ve taslaklar oluşturabilirsiniz.

CanvasBike - Demo

Html5 ve jQuery ile oyun yapılabileceğinin kanıtı olabilecek bu uygulama flash oyunları oldukça andırıyor. Chrome Experiments tarafından yapılan bu uygulamayı web sitenizde sorunsuzca çalıştırablirsiniz.

Sketchpad - Demo

Sketchpad, jQuery ile hazırlanan farklı bir çizim aracıdır. Fırça, baskı, crop, brush gibi araçlar bulunmakta ve geçmiş, yapılanları geri alma gibi birçok özelliği bulunmakta.

Javascript 3D Model Viewer - Demo - Video

3D Model Viewer sayesinde 3 boyutlu çizimlerinizi internet ortamında rahatça yayınlayabilirsiniz. Hazırladıklarınızı 3D olarak 360 derece çevirebilir ve istediğiniz tüm bölümlerini inceleyebilirsiniz. Çizimlerinize kırmızı, mavi, beyaz, siyah, yeşil, sarı renkler uygulayabilir Motion-blur efekti yapabilir ve saydamlığını değiştirebilirsiniz.

Aquarium - Demo - Video

Aquarium, jQuery ile hazırlanan farklı bir animason uygulamasıdır. Sayfada bulunan birçok balık hareket ederken, mouse imleci ile onların hareketlerini yönlendirebilirsiniz.

World of Solitaire - Demo

50'e yakın farklı kart oyunu bulunan bu jQuery uygulamsı olarak çevrimiçi ve sorunsuz olarak tüm oyunları rahatlıkla oynayabilirsiniz.Farklı arka planlar seçebilir ve oyun ile ilgili birçok özelliği ayarlayabilirsiniz.Ayrıca hamle sayısı ve kart seçme gibi özelliklerde bulunmakta.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; chromeexperiments

Bu yazı mayd0s tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Internet Explorer 9 - Test Sürüşü

mayd0s — Fri, 02 Apr 2010 11:18:00 GMT

Biz hala Internet Explorer 8'in neresi iyi, neresi kötü diye araştırmaya başlamadan, Microsoft, Internet Explorer 9 hakkında konuşmaya çoktan başladı. Geçtiğimiz Mart ayı ortalarında yapılan MIX10 konferansında, IE9'un teknik özellikleri hakkında web geliştiricilerine sunumlar yapıldı.

Bu sunumlarla birlikte yapılan bir başka duyuruyla IE9 Platform Preview adı altında bir deneme sürümü yayınlandığı ve www.ietestdrive.com adresinden indirilebileceği bildirildi. Bu deneme sürümü tam olarak IE9'un kendisi değil. Sadece Microsoft'un IE9'da üzerine düştüğü özelliklerin test edilebildiği bir yazılım. Bu yazılım sadece Vista ve Windows 7 de çalışıyor. (ipucu: Adres girebilmek için Ctrl-O tuş kombinasyonu kullanılıyor.)

internet explorer 9 platform preview

Microsoft'un IE9'da üzerine düştüğünü başlıca özellikler şöyle:

* HTML5 desteği: Yeni nesil HTML5 standartları web sitelerine, Adobe Flash ve Microsoft Silverlight gibi eklentiler olmadan video, ses gibi zengin içerik sunmalarını sağlayacak.

HTML5 video desteği hala biraz belirsiz bir durumda ve bu test sürümünde henüz eklenmemiş. Sonuçta video'lar belli bir 'codec' kullanılarak sıkıştırılmalı. Şu ana kadar yapılan açıklamalara göre Safari ve Chrome H.264 kullanmayı planlarken, Firefox ve Opera ise açık kaynak kodlu Ogg Theora'yı kullanmayı düşünüyor. Mozilla geçen sene Theora'yı geliştiren gruba $100.000 bağışlamıştı.

"flying images" testi

* Donanım Hızlandırma: IE9, oyun grafiklerinde sıkça kullanılan DirectX teknolojisini, web sayfalarını işlemekte kullanacak. Bu özellik, IE9'a yüksek kalitedeki yazı ve grafikleri daha hızlı bir şekilde sunma yeteneği katacak.

* SVG desteği: Neredeyse 10 yılı aşkın ortalıkta olan ve birçok browser'ın desteklediği ama Internet Explorer önceki sürümlerinin bir türlü tam olarak desteklemediği SVG, IE9'da tam olarak destekleniyor olacak.

* Daha hızlı JavaScript: Son yıllarda özellikle AJAX'ın ağırlıkla kullanılması, birçok browser'ın kendi JavaScript motorlarını güçlendirmelerine ve bunu diğer browser'lar ile yarıştırmalarına sebep oldu. Her zamanki gibi Opera-Firefox-Chrome-Safari dörtlüsü koşarken, IE8 hala emekliyordu. Yeni IE9, WebKit SunSpider testlerine göre bu yarışa olması gerektiği yerden tekrar katılıyor olacak:

webkit javascript hız testi sonuçları

Not: Windows XP desteği
Yine bu konferansta yapılan diğer bir açıklamaya göre IE9, Windows XP'de desteklenmeyecek. Bu da Microsoft'u XP desteğini çeken ilk browser üreticisi yapıyor. İşin komik yanı ise XP'nin hala(!) dünyanın en çok kullanılan işletim sistemi olma statüsünü koruyor olması ve Microsoft 2014'e kadar XP'ye verdiği desteği sürdürüyor olması.

Bu yazı mayd0s tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage