bildirgec.org

javascript hakkında tüm yazılar

jQuery Oylama ve Değerlendirme Uygulamarı

angelsdemos | 18 January 2010 17:13

Web 2.0 tasarımda büyük devrimlerden biridir. Web sayfanızdaki herhangi bir nesneyi eskiden ziyaretçileriniz arasında oylamaya sunarken sayfa yeniden yüklenmek zorunda kalırdı. Fakat web 2.0’dan sonra gelişen tasarım teknolojisi sayesinde bu olay ortadan kalktı. jQuery ve css ile hazırlanan bu uygulamalar her tasarımcının arşivinde kesinlikle bulunmalı. Uygulamaları birebir web sayfanıza koyabileceğiniz gibi benzerlerini de yaratmanız mümkün.

jQuery Start Rating| Demo

8 farklı seçeneği arasından herhangi birini seçebileceğiniz hoş bir jquery oylama uygulaması.

Prototype Starbox | Demo

20 farklı seçeneği bulunan bu uygulama ile oylama yaparken ziyaretçileriniz sayfayı yenilemek zorunda kalmayacaklar.

gelişmiş jquery içerik görüntüleme uygulamarı

admin | 12 January 2010 10:17

Bir web sayfasında içeriğinin tümünü göstermek fazla olanaklı değil.Gösterdiğiniz taktirde sayfa çok geç yüklenir veya hatalar oluşabilir.Falat web 2.0 ile gelen birçok özellik bu soruna çözüm buluyot.jQuery ile hazırlanan aşağıdaki uygulamalar ile sitenize en uygun içerik görüntüleme uygulamasını kullanabilirsiniz.Bu uygulamalar sayesinde kullanıcı sadece istediği içeriği açarak gereksiz sayfa yüklenme hızından kurtulacak.işte jQuery ile hazırlanan gelişmiş içerik görüntüleme uygulamarı ;

Accordion

javascript ile hazırlanan yaratıcı web formları

admin | 08 January 2010 15:00

Web sitelerinde görsellik önemlidir.Tasarım ne kadar iyi olursa o ziyaretçiler web sayfanızdan o kadar memnun olurlar.Web formlarında da tasaırm önemlidir.Klasik form elemanları yerine kendi tasarladığınız elemanları koymanız mümkün.İşte javascript ile yapılan yaratıcı web formları ;

Style input file

Klasik formalardan sıkılanlar için birebir.Formdaki butonu ve formun kendisine istediğiniz biçimi verebilmenizi sağlayan çok hoş bir javascript uygulaması.

Yaratıcı jQuery uygulamarı

admin | 05 January 2010 19:17

Birçok jQuery sitesinde sürekli aynı tarz uygulamalar bulunmakta. Galeriler, menüler gibi klasik jQuery uygulamarının dışında tasarımcılar tüm bunları kullanarak sıradışı uygulamalarda yapıyorlar. işte birbirinden farklı yaratıcı 5 jQuery uygulaması;

WebalonDemo

jQuery ile hazırlanmış sıradışı bir slider uygulaması. Allta bulunan iki buton ile neredeyse tüm sayfayı kaydırarak diğer sayfanın gelmesini sağlıyorsunuz. Kimlerle çalıştığınızı, mekanınıza kimlerin geldiği gibi birçok şekilde kullanılabilen hoş bir uygulama.

Bonadies ArchitectDemo

Bu uygulamayı herhangi bir sitede görseniz kesinlikle flash olduğunu düşünebilirsiniz. Farklı tasarımı ile hazırlanmış bu jQuery uygulaması tam küçük sitelere göre. Kişisel bir site veya küçük bir şirket sitesi için ideal bir uygulama.

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 fluid grid oluşturmak

rhymes | 04 January 2010 11:31

Bir web sayfasına magazin/gazete görünümünde gird oluşturmak JQuery ile çok basit bir şekilde olmaktadır. Aşağıda kullanılan yöntem ve fonksiyonlar çok basit olması nedeniyle bir çok kişi tarafından rahatlıkla uygulanabilir. Bunları adımlayarak yapacak olursak:

1- Basit bir html sayfası oluşturalım:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<head>
<title>Fluid grid</title>
<script type="text/javascript" src="http://arsiv.pilli.com/http://arsiv.pilli.com/script/jquery-1.3.2.min.js"></script>
</head>
<body>
<div class="box"><p><span>01</span>01 Numaralı kutu...</p></div>
<div class="box alt"><p><span>02</span>02 Numaralı kutu...</p></div>
<div class="box"><p><span>03</span>03 Numaralı kutu...</p></div>
<div class="box alt"><p><span>04</span>04 Numaralı kutu...</p></div>
<div class="box"><p><span>05</span>05 Numaralı kutu...</p></div>
<div class="box alt"><p><span>06</span>06 Numaralı kutu...</p></div>
<div class="box"><p><span>07</span>07 Numaralı kutu...</p></div>
<div class="box alt"><p><span>08</span>08 Numaralı kutu...</p></div>
<div class="box"><p><span>09</span>09 Numaralı kutu...</p></div>
</body>

Olağanüstü 14 jQuery navigasyon menü

angelsdemos | 31 December 2009 17:37

Sitenizde klasik tasarımların dışına çıkarak jQuery menüler ekleyebilirsiniz.Bu sayede dikkat çekmekle birlikte görselliğe önem veridiğinizi vurgulayabilirsiniz.Ayrıca aşağıdaki jQuery dersleri sayesinde sizde benzer veya bambaşka jQuery çalışmaları yapabilirsiniz.İşte birbirinden farklı 14 jQuery menüleri ;

Codename Pufferfish | Demo

5 Web Tasarım Geliştirme Aracı

angelsdemos | 29 December 2009 19:21

Web tasarım zahmetli ve zaman isteyen bir iştir. Bu yüzden web tasarımcıları için geliştirilen onlara yardımcı olacak ve zamandan tassruf etmeleri için birçok uygulama geliştirildi. Bu uygulamalar sayesinde büyük ölçüde zamandan tasarruf sağlamakla beraber daha verimli ürünler çıkabilir. Farklı 5 Web tasarım geliştirme aracı;

MiniAjax

miniajax‘ta birbirinden etkileyici ajax uygulamaları bulabilir, dilerseniz bilgisayarınıza indirebilirsiniz. Sadece ajaxla kalmayıp dhtml ile ilgili de birçok uygulama bulunmakta. Büyük bir arşivleri bulunmakta.

Olerenta Harita Koordinasyon Sistemi

mkaderoglu | 28 December 2009 17:25

Olemap Harita Koordinasyon Sistemi
Olemap Harita Koordinasyon Sistemi

Olemap Google ‘ın Maps hizmetini Türkiye’de de açmasından sonra ortaya çıkmış yeni bi program. Hiç bir kar amacı gütmeyen program ile haritalarınızı kaydedebilir, belirlediğiniz koordinatlar arasında yol tarifi alabilir ve gerektiğinde de tüm bu işlemleri kaydedebilirsiniz.

Sokak sokak cadde cadde arama yapabileceğiniz arama çubuğu ilede ileri seviye harita işlerinizi halledebilirsiniz.