bildirgec.org - etiketler: jquery

10 harika jquery uygulaması

lazaronnie — Fri, 10 Jun 2011 10:35:00 GMT

jquery + çıktığından beri web siteleri renklendi, hareketlendi. ancak kimi zaman güzel ve işe yarar eklentiler bulmak kolay olmuyor. ücretsiz olmaları da ayrıca önemli. işte acil ihtiyaç duyulduğunda işimize yarayacak bir kaç güzel juery eklentisi.

-----------------------------------
jquery'nin ui (user interface) projesi kapsamında geliştirmeye tabi bulunan bu uygulama bir işletim sistemininki kadar görsel bir takvim uygulamasını ziyaretçilerinize sunmanızı sağlıyor. insanları yazarak değil de görsel yöntemlerle tarih vermeye ikna etmiş oluyorsunuz.

5. jQuery UI Datepicker Project

----------------------------------------

bu kıymetli uygulama ise flicker isimli ünlü fotoğraf paylaşım sitesinden albümleri alıp sitenizde yayınlamanıza olanak veriyor. resimlerin bulunması ve sayfanıza taşınması sırasında flicker'ın sunduğu api hizmetinden faydalanılmış.

6. jQuery Flickr

-------------------------------------

jquery ile istemci tarafında thumb (ön izleme) oluştuyrma işini halletmek istiyorsanız bu ufak boyutlu eklenti tam size göre.

3. jQuery Thumbs

-----------------------------------------

resimlerinizi kullanışlı bir animatör penceresi içinden sunsaydınız nasıl olurdu? bu becerikli eklenti bir çok resminizi yan yana dizip, çizdiği ekran içinde bir sağa bir sola kaydırarak küçücük bir alanda göstermenizi sağlıyor.

2. jQuery Image Strip

--------------------------------

hemen anlaşıldığı gibi bu bir renk seçim paleti. 16milyondan daha fazla rengi seçmenize imkan sağlıyor. renk konusu geçen her alanda bu paleti çekinmeden kullanabilirsiniz. istediğiniz formatta renk kodu verebiliyor. (hex, rgb, hsb vs)

3. Color Picker - jQuery plugin

--------------------------------

sayfanızda sık aranan kelimeleri sunmayı anlıyoruz. peki ya bunları da kategoriler şeklinde yapılandırabilsek? kelimenin üzerine gelindiğinde alt kategorisine dahil bulunan diğer kelimeler pop-up içinde görüntüleniyor. böylelikle takdir edersiniz ki azıcık bir yere yüzlerce kelimelik etiket bulutu yerleştirmeniz mümkün oluyor.

4. jquery Hover Sub Tag Cloud

------------------------------

geliştiricisinin iddiasına göre bu uygulama mükemmel web formları inşaa etmenize yardımcı oluyormuş. nedir o mükemmel olan derseniz, herhangi bir form elemanına tıkladınız diyelim. bu elemanın dahil olduğu grubu komple parlatıyor.

7. Building better web forms

-----------------------------------

web sitenize giren kişilerin birbirinden haberdar olması ne güzel olurdu değil mi? sayfanızı bir anda kahvehane ortamına çevirmenize yardımcı olan bu uygulamayı php desteği veren sunucunuza yönlendirerek kullanabilirsiniz.

8. php ve jquery ile Web tabanlı chat uygulaması

--------------------------------

kategori sisteminizi işletim sistemlerinden aşina olduğumuz dosya seçici ağaç biçiminde sunmak istiyorsanız bu uygulama işinizi görecektir. insanlara alışık olduğu bir arayüz üzerinden içerik sunmak akıllıca bir yöntem olacaktır.

9. jQuery File Tree Demo

-----------------------------------

bir çok sosyal platformdan + +, özellikle de google'dan aşina olduğumuz otomatik form tamamlama özelliğini siz de sitenizde kullanabilirsiniz. dökümanlar her ne kadar php üzerine hazırlanmış olsa da json formatına uygun olarak veri işaretleyebildiğiniz sürece her türlü sunucu taraflı platform ile sorunsuz kullanabilirsiniz.

10. jQuery plugin: Autocomplete

ilgili yazılar

ilham alınacak 10 güzel takvim scripti (6)

Bu yazı lazaronnie 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

Web siteniz için inanılmaz bir eklenti.

ferfote — Fri, 18 Mar 2011 16:27:00 GMT

Wow Slider olarak adlandırılan bu program sayesinde,iki satır dahi kod yazmadan, animasyon ve biçimlendirme gibi birçok özelliği ayarladıktan sonra fotoğraflarınızı slayt olarak web sitenize doğrudan ekleyebilirsiniz.Bu programı diğerlerinden farklı kılan, bu işi gerçekten kaliteli bir görsellikle icra etmesi.

-Wow Slider-

-sağüst köşede bir sonraki fotoğrafın ön izlemesi bulunmakta-

-örnek proje-

Oluşturduğunuz bu slaytı ister banner olarak kullanabilirsiniz, ister fotoğraf galerisi olarak.Hatta fotoğraflara linkler vererek görsel bir haber bandı bile oluşturabilirsiniz.

projenizi doğrudan web sitenize ekleyebileceğiniz gibi,daha önce yapmış olduğunuz bir sitenin istediğiniz bölümüne de ekleyebilirsiniz.

-programın ayarlar menüsü-

yukarıda gördüğünüz gibi bir çok ayrıntılı özelliği ayarlayabiliyorsunuz.
örneğin;
-slaytınıza ileri ve geri tuşları koyabilirsiniz
-otomatik başlamasını sağlayabilirsiniz
-tıklamadan, bir sonraki fotoğrafın küçük halini (thumbnail preview - üstten 2. resim) görebilirsiniz
-resimlere geçiş efekti verebilir,bunların sürelerini ayarlayabilirsiniz.

Programın web sitesi için buraya, yapılmış örnek projeler için buraya, proramı ücretsiz indirmek için ise buraya tıklayınız.

Limango'dan 2 önemli adım.

Yarım milyon dosya sayısı ile en popüler torrent sitesi.

Tasarımcılar bu iki siteye bir göz atınderim.

Bugün ne yapsam diye düşünenler.

ilgili yazılar

Tasarımcılar bu iki siteye bir göz atın derim. (3)

Bu yazı ferfote 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

youtube ile web tasarım ve programlama öğrenmek

biodiscover — Mon, 14 Mar 2011 15:14:00 GMT

Youtube'da hemen hemen her konuya yönelik o kadar çok video var ki, say say bitmez desek yeridir. bu yazımızda sizlere youtube ile web tasarımı ve programlamayı öğrenebileceğiniz video kaynaklarını paylaşacağım.

1. thenewboston

Birçok web tasarımı ve programlama dilleriyle ilgili öğretici videoları bulunduran kullanıcımızın bu yönüyle Yotube'da çok etkin olduğunu görüyoruz. CSS, Java, PHP, 3Ds Max, Photoshop, Python ve dahasını Youtube'daki sayfasında bulabilirsiniz. (ve dahasını da.)

2. DreamWeaverTutorial

Bu kullanıcımız, ağırlıklı olarak HTML, CSS ve jQuery ile ilgili video paylaşımlara yer vermiş.

3. tomrogers123

Bu oldukça genç kullanıcımız, web tasarımı ile ilgili işe yarayabilecek paylaşımlarda bulunmuş. Ayrıca yeni çıkan donanımlarla ilgili görüşleri, izlenmeye değer.

4. onlivegamer

Oyun meraklısı bu kullanıcımızın Youtube sayfasında ise ağırlıklı olarak Visual C ve Java videoları mevcut.

5. teachmecomputer

VB.NET öğrenmek isteyenler bu kullanıcımızın paylaştığı videoları izleyerek işe başlayabilirler. Internet marketing ile ilgili videolar mevcut.

6. zoom1177

ASP.NET ve SQL Server ile ilgili videoları paylaşan kullanıcımızın "C# from A to Z" serisini kaçırmamanızı öneriyoruz.

7. createthenet

HTML, CSS ve JavaScript ile ilgili videoların yanında, örnek site ve menü uygulamaları da mevcut.

8. nettuts+

Nettuts+'da yer alan videolara buradan da ulaşabilirsiniz.

9. googledevelopers

Google'ın I/O toplantılarının ağırlıklı olarak yer aldığı bu sayfada web programlama ile ilgili yararlı içerikler mevcut.

şimdilik paylaşmaya uygun bulduklarım bunlardan ibaret. tabii youtube'daki bu eğitici videoların daha fazlasını youtube'un arama aotorunu kullanarak erişebilirsiniz.

ilgili yazılar

Aptana Studio 1.0 (12)
HTML5 Efektleri (11)

Bu yazı biodiscover 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

Resmin üzerine gelince çıkan açıklama?(AJAX)

intiharameyilli — Wed, 09 Mar 2011 12:19:00 GMT

merhaba ahali,

http://www.webizm.com/portfoy

buradaki gibi imajın üzerine gelince çıkacak açıklamalı bir ajax, jquery, js bir bileşen arıyorum.

İlla resmi komple kapatmasa da olur.

Bu yazı intiharameyilli 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

Programlama Dilleri

erdem07 — Mon, 24 Jan 2011 08:12:00 GMT

Üyelerin programlama dilleri ile ilgili bilgi alışverişinde bulunduğu programlama sitesi.

programlama

Programlama Dilleri

ilgili yazılar

Bu yazı erdem07 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

Hızlı web uygulamaları oluşturmak için

mtkocak — Mon, 10 Jan 2011 11:08:00 GMT

İnternette çalışacak web uygulamaları yapmak, ya da portalınız için bir çerçeve oluşturmanın zorluğunu hepimiz biliyoruz. Şablonu oluşturursun, jquery bozulur, css'i eklersin, her browserda farklı görünür.

Radsis

Jquery, Blueprint 960 CSS framework, JqGrid, Fullcalendar gibi web ekletilerini bir arada yürütmek ve onları bir arada tasarım içerisine almak çok zordur. Bu yüzden artık bütün bu parçaların ahenkle çalıştığı ve rapdi prototyping yapmaya izin veren bir web uygulaması paketi var! Radsis Webapp Framework

Geleceğin Türk Facebook'ları için hazırlandığını iddia eden bu pakette:

Jquery (JavaScript Kütüphanesi)
Jquery UI (Jquery Kullanıcı Arabirimi)
JqGrid (Jquery için Excel tabloları)
FullCalendar (Web uygulaması için Javascript takvimi)
Blueprint 960 CSS sistemi

ve daha bir çok özellik çalışır şekilde kuruluma hazır bulunmakta.

Blueprint CSS

Tek yapmanız gereken indirip yüklemek. Açık kaynaklı olduğu için de tüm değişikliklere kaynak belirtilmesi halinde açık.

CakePHP

CakePHP kullanıcıları için özel not: Yüklemek için tüm yedeklerinizi aldıktan sonra app/webroot klasörüne kopyalamanız yeterli, default.ctp'nize js ve css'leri ekleyin.

Bu yazı mtkocak 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 tabanlı Zengin Metin Editörleri

KAghast — Fri, 24 Dec 2010 10:34:00 GMT

Web projelerinde kullanıcı tabanlı içerik üretebilmek için gerekli en önemli araçlardan biri yazı alanlarıdır. (textarea)
Kullanıcının kendini daha iyi ifade edebilmesi için de bu yazı alanlarını özelleştirmeniz ve zenginleştirmeniz gerekmektedir. Çünkü kullanıcı bu alanları verimli kullanabilmek için gerekli temel bilgiden yoksun olarak kabul edilir. Zaten hedef kitlenin de böyle bir ön bilgiye sahip olması beklenemez.

İşte bu noktada WYSIWYG prensibine göre geliştirilmiş zengin metin editörleri (RTE - rich text editor) yardımınıza koşar.
Bu zengin metin editörleri; yani RTE'ler, temel olarak HTML etiketi textarea'yı özelleştirir. Javascript destekli olarak bu alan için bir iframe yaratır ve çeşitli ön tanımlı araçlarla size bir metin editörü hazırlar. Böylece kullanıcı gerçek bir metin editörü kullanıyormuş gibi biçimlendirilmiş yazı girebilir.
Artık geliştirilen projelerde JQuery'nin vazgeçilmezliği ortada olunca ben de sizler için güncel popüler JQuery tabanlı metin editörlerini bir araya toplamak istedim. Böylece JQuery destekli projelerinizde başınızı ağrıtmadan kolay ve hızlı bir şekilde metin editörü ekleyebileceksiniz.

MarkitUp

Resmi Web Sitesi | Demo

Kendini gelişmiş bir editör olarak lanse etmeyen MarkitUp; hafif, hızlı adapte edilebilir bir editör olarak yorumlamakta.

Editör'ün özellikleri:
hızlı ve kolay adapte entegrasyon
klavyeden kısayol ile kullanabilme desteği
Ajax ile dinamik ön izlenim
Desteklediği Browser'lar: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is.
Lisans: MIT/GPL

jWYSIWYG

Resmi Web Sitesi | Demo

WYSIWYG editöründen fazla bir beklentiniz yoksa jWYSIWYG tam size göre o zaman. En temel metin editörü özelliklerini barındırmakta. Fakat önemli bir nokta, bu metin editörünün geliştirilmesi durdurulmuş. O nedenle ileriye dönük çok fazla bir beklentiniz olmaması gerekmekte.

Editör'ün özellikleri:
Lisans: GNU General Public License v2
Kompakt ve hafif
Ajax ile dinamik ön izlenim
Browser dostu yapı

Lightweight RTE

Resmi Web Sitesi | Demo

Hızlı, pratik ve adı gibi çok hafif bir metin editörünü. Projenize çok kolay bir şekilde adapte edebilir ve kullanmaya başlayabilirsiniz.

Editör'ün özellikleri:
Süper ötesi hafif (sıkıştırılmamış hali bile 7kb)
Güncel browser'lar ile uyumlu
Lisans: GNU General Public License

HTMLBox

Resmi Web Sitesi | Demo

Şu ana kadar bahsettiğim en gelişmiş editör. Tamamen JQuery kütüphanesine dayalı bir yapı ile güncel browserların hemen hemen hepsini destekliyor. Büyük kapsamlı projelerinize bile entegre edebilirsiniz.

Editör'ün özellikleri:
Kolay entegrasyon.
Güncel browser'lar ile uyumlu
Ufak boyutlu (15kb civarı)
XHTML çıktı alabilme
Ajax ile entegrasyonu desteklemekte
Kapsamlı bir kullanım kılavuzu

D Small Rich Text Editor

Resmi Web Sitesi | Demo

Bir çok RTE göre farklı bir mantıkla çalışan ve bir metin editörünün sahip olması gereken tüm fonksiyonları yerine getirebilen başarılı bir editör.

Editör'ün özellikleri:
Ufak boyut (yaklaşık 18kb)
Güncel browser'lar ile uyumlu
temel tüm RTE özelliklerine sahip
Plug destekli
AjaxFileUpload plugin'ini kullanıldığı takdirde resim yükleyebilme
Metin kutusunu tekrardan ölçeklendirebilme
editör içersinde düzenlediğiniz metinler XHTML kurallarına uygun

WYMEditor

Resmi Web Sitesi | Demo

Benim de çok sevdiğim ve başarılı bulduğum bir RTE editör. JQuery kütüphanesini en verimli kullanan editörlerden bir tanesi. Ayrıca tanımladığınız CSS class ve style'larını görebilmekte. O nedenle kullanıcı içerik girerken kontrol altına alabilmeniz için gerekli tüm araçları sunmakta.

Editör'ün özellikleri:
XHTML ve CSS ile uyumlu çıktı üretebilmekte
Yazı tipi, boyutu ve rengi müdahalelerine kapalı - (WYMeditor CSS tabanlı bir editördür.)
Hızlı ve kolay entegrasyon ayrıca kolay özelleştirebilme (CSS tabanlı arayüz özelleştirebilme)
Resim, link, tablo desteği
APIs ve plugin desteği mevcut
Açık kaynak
Güncel browser'lar ile uyumlu

Kaynak

ilgili yazılar

Bu yazı KAghast 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

Yararlı Takvim Scriptleri

sequieros — Thu, 23 Dec 2010 13:14:00 GMT

takvimler günümüzde blog ve internet sitelerinin olmazsa olmazlarından. Peki bunları gerekli yapan nedir? Tabiki bu araçlar, bizlere randevularımızı, notlarımızı veya yaklaşan olayları haber verirler.

Burada sizler için en iyi takvim ve tarih seçici scriptleri bir araya toplamaya çalıştım. İşinize yaraması dileğiyle.

1. Ical-Like Calendar : bu mükemmel takvim iphone takvim uygulamasına çok benziyor ve çok hoş animayonlara sahip. Seçilen günün üzerinde fare imlecini oynattığınızda tüm ayrıntıları gösterebiliyor.

2. Moo Tools Date Picker : yapılandırılabilir Javascript takvimidir. Her formatta sorunsuz çalışır ve zaman seçimini destekler.

3. Full Calendar : Yine güzel bir jquery uygulamalı takvim.

4. JPint : Bu da web tabanlı iphone uygulaması.

5. JCalendar : JCalendar 3 şekilde kullanılabilen dinamik jquery uygulamalı bir takvimdir.

6. Date Picker : bildiğimiz klasik takvimlerden.

7. JQuery Week Calendar : bir başka büyük boy takvim.

8. JMonth Calendar : Yaklaşan olaylar uygulamasını destekleyen bir takvim. Fare imleci ile tarihin üzerine gelindiğinde detayları gösterir. ayrıca üzerindeki link ile bağlantı alındığı sayfaya yönlendirilebilir.

9. Simple Jquery Date Picker : Kullanması çok kolay bir takvim daha.

10. Calendar : bu uygulamada birden çok takvim seçilebiliyor. Geçen günlerin üzerini karalamaya meraklıysanız bu takvim tam size göre.

11. Vista-Like Ajax Calendar Bu takvim de windows vistanın web tabanlı olanı.

12. JQuery Interactive Date Range Picker : tarih seçimi için özel olarak tasarlanmış dinamik menüsü olan bir takvim.

13. Unobtrusive Javascript Date-Picker Widget : Yine müthiş bir takvim daha. Aylar ve yıllar arasında geçiş yapılabilir.

Kaynak

Bu yazı sequieros 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

10 adet yeni Jquery eklentisi

siriusbee — Mon, 13 Dec 2010 09:54:00 GMT

Web tasarımcılar arasında iyice yaygınlaşan ve artık neredeyse her web sitesinde görebildiğimiz Jquery eklentileri işlevleriyle ve hareketli yapılarıyla siteleri canlandırmaya devam ediyor.

10 yeni ve kullanışlı Jquery eklentisini bir araya getirdim. Kullanıma hazır yapısıyla hemen ücretsiz indirip sitenize ekleyebilirsiniz.

Aşağıda eklentilerden bazılarını görebilir, tamamını ise en altta bulunan kaynaktan ücretsiz indirebilirsiniz.

Jquery Animasyon Banner

Önizleme

Jquery Akordiyon Menü

Önizleme

Tam sayfa hareketli resim galerisi

Önizleme

Jquery ve Php ile Feedback Formu

Önizleme
Jquery sanal klavye

Önizleme

Kaynak: Tamamını ücretsiz indirebileceğiniz kaynak>>

Bu yazı siriusbee 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

interaktif Grafik Uygulaması : gvChart

angelsdemos — Sat, 04 Dec 2010 10:12:00 GMT

jQuery tabanında hazırlanan gvChart, interaktif bir tablo-grafik uygulamasıdır. gvChart ile verdiğiniz verilere göre birçok grafik oluşturabilirsiniz. İstatistik bilgilerini daha çarpıcı ve daha detaylı bir şekilde web sitenizde göstermek istiyorsanız gvChart tam size göre bir uygulama.

5 farklı grafik çeşidi bulunan gvChart, rakiplerinin aksine tamamen interaktif olarak hazırlanmıştır. Sadece imaj şeklinde veya flash gibi farklı eklentiler gerektiren bir uygulama değildir. Google js api kullanılarak hazırlanan oldukça yararlı ve etkileyici bir jQuery uygulaması.

Pasta dilimi, sütunlar ve çizgi şeklinde grafikler oluşturabilirsiniz. Oluşturduğunuz grafikleri tamamen renklendirebilir ve tooltip özelliği sayesinde istatiki verilerini yazabilirsiniz. İstediğiniz ölçüde değişken kullanabilir ve herbiri için farklı renk atayabilirsiniz.

Sadece 26kb. boyutundaki gvChart uygulamasını buradan indirebilirsiniz. İsterseniz demolarını buradan inceleyebilirsiniz.

Ayrıca Bakınız :

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ivellios.toron

ilgili yazılar

Bu yazı angelsdemos 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