bildirgec.org - etiketler: menüler

25 adet Kullanıcı Dostu jquery açılır menü uygulaması

beyaz rus — Thu, 23 Sep 2010 09:20:00 GMT

kullanıcı dostu menü bir menü oluşturmak, sitenin gelişimi açısından kritik öneme sahiptir. ziyaretçiler, aradığını belirli bir süre bulamaz ise siteden ayrılabilir ve site hakkındaki olumlu düşünceleri azalabilir.

Bu noktada, hem fazla alan kaplamayan hem de görsellik adına çok şey sunan "açılır menüler" imdadımıza yetişiyor. Ben de yazımda, bu ihtiyacını karşılayacak jQuery ile yazılmış 25 açılır menü uygulamasını sizlere tanıtacağım. Haydi başlayalım.

sexy drop down menu with jquery and css

how to create a drop down nav menu with html5, css3, and jquery

mega drop down menus with css & jquery

sliding jquery menu

smooth navigation menu

simple drop down menu plugin

jquery and css example

create the fanciest drop down menu you ever saw

a different top navigation

easy to style jquery drop down menu

jquery drop down menu for rss subscription

animated drop down menu with jquery

superfish

reinventing a drop down with css and jquery

simple jquery dropdowns

jquery menu: dropdown, drilldown, and ipod flyout styles

mcdropdown jquery plugin

jdmenu hierarchical menu plugin

dim gray drop down menu

create a multilevel dropdown menu with css and improve it with jquery

css3 and jquery dropdown navigation in wordpress

make a mega drop down menu with jquery

droppy

how to implement a perfect multi-level navigation bar

jquery multi-level css menu

Bu kadar. Umarım işinize yarar. Eğer yetmezse, bildirgeç'te bulunan şu, şu, şu ve bu yazılara da göz atabilirsiniz.

kaynak

ilgili yazılar

Bu yazı beyaz rus 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 ve tasarımın coştuğu anlar!!

dertlius — Thu, 03 Jun 2010 09:32:00 GMT

Bir an önce paylaşmak için sabırsızlandığım bu örnekler, jquery ile yapılabilecek şeylerin yalnızca hayal gücümüzle sınırlı olduğunu bir kez daha gösteriyor. Bu eklentilerin detaylı anlatımlarına ve "download" linklerine kendi sayfalarından ulaşabilirsiniz!

1- Web sayfalarınızı yatay ve dikey olarak hareketlendirin!

Çok beğendiğim bu efekti sağlayan eklentinin sayfasına buradanulaşabilirsiniz!

2-Hareketli "checkbox action" menu

Bu eklentiyle, sayfalarınızda bulunan checkboxlar tıklandığında ilgili işlemler için çok hoş bir menüyü görünür kılabilir, ekranda istediğiniz yere taşıyabilirsiniz.

Eklentinin anlatıldığı sayfaya buradanulaşabilirsiniz.

3- Mobil Web Geliştiriciler için muhteşem bir foto albüm örneği
Mobile web geliştiriciler için muhakkak görülmesi görüken bir foto albüm.

Eklentinin sayfasına buradanulaşabilirsiniz!

4-Tam Sayfa çok hoş foto galeri

Bu foto galerinin benzer flash örneklerinden hiç aşağı kalır bir yanı yok.

Detaylı anlatımına bu sayfadan ulaşabilirsiniz.

5-Karose Menu
Benzer bir efektin photo sliderda kullanıldığını hatırladığım bu eklentiyle, kareciklerden oluşan çok hoş bir menu oluşturup içeriklerini oluşturabilirsiniz.

Bu hoş jquery eklentisinin açıklandığı sayfaya buradan, ulaşabilirsiniz.

6- Tam Sayfa Foto Galeri

Çok hoş bir foto galeri daha! Flash kıskansın!

Demo ve download linkinin olduğu sayfaya buradanulaşabilirsiniz.

7-ilginç bir menü, portfolyo sunumlar için ideal olabilir.

8-Çarpıcı dairesel hareketlerle ilginç bir menü örneği daha

9- Menüleriniz Rock and Roll yapsın! :)

10- Dairelerden çok hoş bir menü daha!

11- Başarılı bir Akordion Menü

12-Sayfa Sonunda Sağ Altta beliren kutucuk :)

13-Resimlere eğlenceli ekler yapıştırın.

Gerçekten eğlenceli şeyler ortaya çıkıyor :)

14-Webde flash benzeri sayfa çevirme

15- Çok Hoş bir Foto Efekti

16- JQuery ile Sıcaklık haritası oluşturun

17- Çok Hoş bir sürüklenebilir CAPTCHA örneği

18- Apple vari icon çıkartan menü :P

19- otomatik en ayarlı menü

20- Durdur & Oynat Efekti

21-Çok hoş bir bilboard örneği

22- Romantik bir gün batımı efektine ne dersiniz?

23-Jtext Translate.

24-Navigasyonlu Resimler

25-Jsticky Note

26- jquery Uyarı Bandı

27- Yüklediğiniz resimleri jquery ile kırpın & düzenleyin.

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

Profesyoneller İçin En İyi 11 Flash Menü ve Navigasyon Dersi

LeBron — Wed, 14 Oct 2009 09:32:00 GMT

Profesyonel kullanıcılara özel gelişmiş bu dersler ile çarpıcı menülerin nasıl yapıldığını öğrenebileceksiniz. Bir web sitesi tasarımında flash az tercih edilir. Ancak bu hareketli sayfalar her zaman daha çekici gelmektedir. Özellikle menünün çok kullanışlı olması gerekiyor. Çünkü site üzerinde gezinti, menü aracılığı ile sağlanır. Aşağıda gelişmiş menü derslerine ulaşabilirsiniz.

1. Glass Aero Flash Menu with Fade Effect

Bu derste Flash CS3'de harika soluk efekti ile vista aero flash menünün nasıl yapıldığını öğreneceksiniz.

2. Funky Flash Website Tutorial

Bu derste dönen yıldız efekti ve harika butonlar aracılığı ile nasıl güzel web sitesi yapıldığını öğreneceksiniz.

3. Spore Menu

Kullanışlı bir açılır menü uygulamasıdır.

4. Rotating Menu via ActionScript 3

Bu derste dönen bir menünün nasıl oluşturulduğunu göreceksiniz. Temel bir menü örneğidir.

5. Professional Menu with Effects in Flash CS3

Bu harika video ders ile adım adım profesyonel bir menünün nasıl yapıldığını öğreneceksiniz.

6. Advanced XML Menu with ActionScript 3

Bu derste gelişmiş bir xml menü örneğine ulaşabileceksiniz.

7. Shaky Flash Menu with ActionScript 3

Bu derste harika bir flash menünün actionscript 3 ile nasıl oluşturulduğunu öğrenebileceksiniz. Tüm animasyon actionscript ile yapılmıştır.

8. Modern Horizontal Flash Menu

Bu ders size harika bir yatay menünün nasıl oluşturulduğunu gösterecektir. Animasyon için actionscript 3'e ihtiyacınız vardır.

9. Black Navigation Menu Flash Tutorial

Yeni başlayanlar için ideal bir ders.

10. Advanced and powerful flash menu with sound

Bu ayrıntılı ders ile gelişmiş modern bir flash menüsünün nasıl yapıldığını göreceksiniz.

11. Advanced Drop Down Menu Tutorial

Gelişmiş bir açılır menü uygulaması. İleri düzey kullanıcılar içindir.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

25 Güzel ve Yaratıcı Flash E-Ticaret Sitesi

İlham Kaynağı Olabilecek 13 Yaratıcı Flash Preloader (Yükleniyor) Uygulaması

Flash Gibi Jquery Menü

Youtube'dan 60+ Müthiş Flash CS4 Dersi

30 En İyi Flash Bileşeni

Ücretsiz Flash Fotoğraf Galerisi

Çok Aranan 10 Flash Dersi

30 Flash Tabanlı Fotoğraf Sitesi

25+ Kaynak Dosyaları İle Ücretsiz Flash Website Şablonu

Tüm Zamanların En Yaratıcı Flash Preloader (Yükleniyor) Uygulamaları

28 Çekici Flash Preloader (Yükleniyor) Uygulaması

Web Siteniz İçin 10 Harika Flash Tabanlı Mp3 Player

kaynak: colorburned.com | flashscope.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

30 Harika Açılır ve Kayan Menü Örneği

LeBron — Fri, 31 Jul 2009 09:21:00 GMT

Menü bir web tasarımının en önemli bölümlerinden birisidir. Sık kullanılacağı için kullanıcı için hem pratik hem de göze hoş gelmesi gerekir.

Tasarımlarınız için ilham kaynağı olabiecek birbirinden güzel açılır kayan menü örneklerine aşağıdan ulaşabilirsiniz.

1. Carreras Con Futuro

2. Apple Reviews

3. Archer Group

4. Energy Cell

5. Artkasa

6. Bnet

7. BuySellAds

8. Ink’d

9. Daily RT

10. Designers Couch

11. Design Slurp

12. Behance Network

13. EctoMachine

14. Exposition Universelle Des Vins & Spiritueux

15. Explovent

16. Hungry For Change – Food Inc. Movie

17. Fuel Your Creativity

18. Freelance Switch

19. Ipix Solutions

20. Koodoz Design

21. Monash Carpet Services

22. Mac Appstorm

23. Media Temple

24. Website Temple

25. Nest Living

26. Peachpit

27. Theme Shaper

28. Threadless

29. Vimeo

30. Washington State Leadership Academy

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

İlham Kaynağı 50 Şık Navigasyon Menü Tasarımı

30 Olağanüstü Css Menü Tekniği

Flash Gibi Jquery Menü

kaynak: colorburned.com | spyrestudios.com

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter | delicious

ilgili yazılar

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

20 Mükemmel Javascript Navigasyon Teknik ve Örneği

LeBron — Sun, 03 May 2009 11:55:00 GMT

Javascript etkileşim ve geri bildirim eklemeniz için kolaylık sağlar. Bu yazıda javascript hakkında farklı ve çok güzel bilgiler edinebilirsiniz.

1 - MenuMatic

Dikey ve yatay şekilde bir menü örneğidir.

2 - Animated Menu using jQuery

Menünün üzerine gelindiğinde bir hareket verilmesini sağlayan örnekte bilgisayarınıza indirebilmeniz için psd dosyası da bulunmaktadır.

3 - Garagedoor Effect using jQuery

Jquery kullanarak efekt oluşturuluyor.

4 - JGlide Menu

Eşsiz bir menü sistemidir. Menüye tıklayarak sürüklenmesini sağlayabilirsiniz.

5 - Vertical Sliding jQuery Menu

Açılabilir bir menü örneğidir.

6 - Perspective Tabs

Sekmeleri animasyon ile kaydırabilmek için bu teknikten yararlanabilirsiniz.

7 - Vertical Digg-like Menu

Basit javascript kullanılarak oluşturulan dikey menü örneğidir.

8 - LavaLamp

Jquery kullanılarak css sliding door tekniğini görebilirsiniz.

9 - Fisheye Menu

Çok güzel bir menü örneği.

10 - Simple JavaScript Accordions

Bu harika menü örneğini sitenize entegre edebilirsiniz.

yazının devamı için buraya tıklayın.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

İlham Kaynağı 50 Şık Navigasyon Menü Tasarımı

Harika Web Tasarımı Yaratıcılığı: 50+ Örnek ve İlham Kaynağı

Web Tasarımcılar İçin 20 Mükemmel Eğitim Sitesi

30 Olağanüstü Css Menü Tekniği

kaynak: sixrevisions.com
diğer yazılarım

ilgili yazılar

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

ücretsiz indirilebilir baskı kalıpları

filezza — Thu, 03 Jul 2008 19:11:00 GMT

CopyCraft sitesi, birçok baskı kalıbını, PDF, EPS ve JPG uzantılı olarak ücretsiz indirmeye imkan veriyor.

Kalıplar arasında neler mi var?

Takvimler, Üç Boyutlu Şekiller, Kartvizitler, Broşürler, CD/DVD & Video Bant Kutuları, CD/DVD Kitapçıkları, Kartpostallar, Takdim dosyaları, Menüler vs.

Kalıpların bulunduğu sayfaya gitmek için buraya tıklayın.

ilgili yazılar

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

Profesyonel Ajax ve Javascript'ler

ErrorLog — Fri, 18 Apr 2008 20:54:00 GMT

Profesyonel Ajax | Javascript Scriptler

ajax ve javascript'ler bizlere kolaylık sağlama ve görsellik açıdan gerçekten mükemmel.işte bu yazıda ajax ve javascript ile kodlanmış profesyonel script'leri açıklayacağım başlıyalım ;

FancyUpload
Swf ve ajaxla birleşmiş çoklu upload (yükleme) özelliği desteği olan dosya yüklenme yüzdelerini ve işlemin sonlanmasına ne kadar kaldığını gösteren programcık.

FancyUpload

Coda Popup Bubbles
aşağıdaki resimden azda olsa anlaşıldığı gibi herhangi bir linkin üzerine gelindiğinde o link hakkında açıklama baloncuğu açılır. ayrıntıları sitesinde detaylı bir şekilde anlatılmış.

Code Popup Bubbles

Ext JS - JavaScript Library
Javascript ile hazırlanmış kütüphane scriptinin 2.0 versiyonu. gerçekten güzel bir uygulama. indirmek isteyenler sitesini ziyaret edebilir.

Ext JS

Taggify Tooltips
bu script sizlere resimlerinizdeki kişileri tanıtmanız için (popup, tooltips) geliştirilmiş. sitesinde örnek uygulama mevcut. örneklerde görüldüğü üzere bill gates'in kafasına farenin imlecini getince bir açıklama gösterir.

Taggify Tooltips

Relay - Ajax Directory Manager
bu çalışma dosya yönetim kütüphanesi script'tidir. kişisel favorim olduğunu söyleyebilirim. site anasayfası için buraya, demo için buraya,indirmek için ise şuraya tıklamanız yeterli.

ReLay

cforms II
ajax ile tasarlanan, çoklu tema desteği olan bir wordpress iletişim formu eklentisidir.

cforms 2

Mootools animated sidebar menu
mootools sitesinin anasayfasındaki hoş menünün nasıl olacağını anlatan bir ders ve dosyaları.

Mootools animated sidebar menu

LiveValidation
bu script ile neredeyse her üye olunan sitede gördüğümüz yalnış-doğru uygulamasının biraz değişiği. değişik olan yanı, sizin belirlediğiniz yazıdaki yalnışları kırmızı bir uyarı ile veriyor olmadı. doğru girilirse durumunda herhangi bir uyarı ile karşılaşılmıyor. script'in demosunu görmek için anasayfasında ki küçük kutucuğa bişeyler yazanilirsiniz.

LiveValidation

Creating a table with dynamically highlighted columns
genellikle ücretli servis sunan sitelerde gördüğümüz fiyat kolonlarına benzeyen bir uygulama. demo sayfasından detaylı bilgiye ulaşabilirsiniz. indirmek için ise tıklayınız.

Creating a table with dynamically highlighted columns

jsProgressBarHandler
yüklemelerde yüzdelikleri gösteren javascript'tir. uygulama webappers tarafından css ile geliştirilmiştir.

jsProgressBarHandler

mooSocialize - ajax based social bookmark widget
favori sosyal ağlara istediğiniz bir yazıyı göndermek için ihtiyacınız olan anlatımı ve dosyaları sunuyor. demosu da sitede mevcut.

mooSocialize - ajax based social bookmark widget

Sexy sliding JavaScript side bar menu using mootools
hoş bir menü sistemi hani şu monoton olan yandan açılan menüler gibi ama çok güzel gelişmiş ve anlatım + demolu.

Sexy Menü

Çeşitli uygulamar;

yazının orjinaline şuradan ulaşabilirsiniz.

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