bildirgec.org

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

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!

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.

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

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.

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.

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;

• Çeşitli profesyonel menüler (anlatım + demo)
• CheckBoxList hover extender
• Cornerz
• Lightview
• lightWindow
• DatePicker using Prototype and Scriptaculous
• ModalBox
• Accordion v2.0
• New unobtrusive dynamic flickr badge

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