açılır menü | bildirgec.org

Web dünyasına adım atıp "Site yapmak istiyorum ancak nereden başlayacağımı bilmiyorum" diye birilerine sorduğunuzda size bilgileri doğrultusunda yol göstereceklerdir. Bu yollardan biri belki de en kolayı "Açık Kaynak Kodlu Yazılımlar"dan birini kullanmanız olacaktır. Bu yazılımlardan Türkiye'de en çok kullanılanları Joomla, Drupal, Moodle, ATutor, SMF Forum, WordPress...
Bu sistemler daha önceleri biraz güvensiz oldukları konusunda eleştiriler olmakla beraber zamanla kullanıcılarının artması ve denenerek açıklarının kapatılması ve her biri için çok fonksiyonel eklentilerin (Bileşen, Modül, Plugin vb.) üretilmesi ile birlikte bugün web dünyasında çok büyük bir yere sahiptir. Basit kişisel sitelerden tutun da çok fonksiyonlu kurumsal işlevsel sitelere kadar bir çok ihtiyaca cevap verebilir duruma gelen sistemler bu imkanlarını eklentileri sayesinde elde etmektedirler. Yazılımları temelde bir gövde olarak kabul edersek bunlar için hazırlanan eklentiler o gövdenin eli-ayağı, gözü-kulağı durumundadır. Kısacası Açık Kaynak Kodlu Web Yazılımları için üretilen eklentilerin işlevleri çok büyüktür. Adeta siteyi site yapan bunlardır diyebiliriz.

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.

2009'un en popüler sosyal medya platformu olan Facebook son günlerde yeniden tasarımının yenilenmesi üzerinde çalışıyor. Bazı kullanıcılarda, arama çubuğunu ortalayarak ön plana almış. Geçtiğimiz aylarda site içi aramasını gerçek zamanlı hale getiren Facebook, bu özelliğin göz önünde bulunmasını istiyor.

Allta bulunan navigasyon menüsünde büyük değişiklikler yapılmış durumda. Yeni menü tasarımında hesap ve gizlilik ayarları tek bir açılır menü altında toplanmış ve diğer bağlantılar ile birlikte sağa kaydırılarak ufaltılmış.

Sol üstte bulunan Facebook logosunun yanına ise arkadaşlık istekleri, bildirimler ve mesajlar ile ilgili ikonlar yerleştirilmiş.

En altta solda yer alan sık kullanılanlar bölümü ise sol tarafa kaydırılmış. Sağ altta ise sadece anlık mesajlaşma bulunuyor ve eski boyutlarına göre oldukça küçültülmüş. En alt satırda sağ tarafa dayalı duran anlık mesajlaşma aynı yerinde bulunurken, bildirimler kutusu kaydırılmış.

Daha önce haziran 2009'un en iyi jquery derslerini görmüştük. Bu yazımızda ise Mart 2010'un en iyi jquery derslerini göreceğiz.

1. How to Create an Infinite Scrolling Web Gallery (Sınırsız kaydırma web galerisi nasıl oluşturulur?)

2. Advanced jQuery background image slideshow (Gelişmiş jquery arkaplan imaj slayt gösterisi)

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ı.

Firefox, tartışmasız internet kullanıcıları için popüler bir tarayıcı. Bazen yavaş olduğu söylense de add-on'ları bakımından gerçekten zengin bir içeriğe sahip. Bu eklentiler sayesinde bir tarayıcıdan daha fazlasına sahip olabiliyoruz. İşte verimliliği arttıracak ve işimizi daha kolaylaştıracak firefox eklentileri:

# Similar Web: Bu eklenti en iyi web sitelerini bulmanın en kolay yolu. Bu kenar çubuğu, incelemekte olduğunuz web siteleri ile ilgili başka sitelerin minyatür şeklini gösterir.

# Google Shortcuts Plugin: Bu eklenti tüm google hizmetlerini gösterir veya açılır menü olarak tek tıklamayla istediğiniz hizmeti kullanmanızı sağlar. Ya da ayarlar kısmında ufak değişiklik yaparak istediğiniz google hizmetlerinin görünmesini sağlayabilirsiniz.

# Thumbnail Zoom: Facebook, Twitter, Amazon, Myspace, Flickr gibi sitelerde yer alan küçük resimleri yakınlaştırmayı sağlar.

bu yazıda jquery kütüphanesi için geliştirilmiş ve profesyonel çalışmalarınızda kullanabileceğiniz değişik eklentileri bulacaksınız. eklentileri hemen deneyebilir, beğenirseniz hemen indirebilirsiniz.
_________________________________________

ajax-flag-menu

ajax özelliği barındıran bu menü uygulaması aynı zamanda facebook navigasyon menüsüyle birebir aynı görünüme ve işlevselliğe sahip. gnu - gpl lisansıyla dağıtılan bu eklentiye ulaşmak için;
demo | döküman | download

Sitenizde bir menüye ait alt kategorileri açılır menü(dropdown menu) şeklinde yapılandırmak estetik ve kullanılabilirlik açısından ziyaretçilerinize çok yardımcı oluyor. Bu yazımda size birbirinden güzel açılır menü örnekleriyle daha ilgi çekici menüler oluşturabilmeniz için ilham sağlayacak örnekler göstereceğim.

helmy bern

redbrickhealth