2012-02-24 40 views
23

Twitter'ın Bootstrap çerçevesine baktım ve gerçekten etkilendim. Ancak, aşağı açılan gezinme menüsünün çalışma şeklinin ardındaki düşünceyi anlamıyorum.Twitter Bootstrap'teki açılır menünün uygulanmasının ardındaki düşünce neydi?

Öncelikle, çocuk linklerini görmek için ebeveynleri tıklamanız gerekmektedir. Bunun faydalarını görebiliyorum, ancak neden varsayılan olarak vurgulu yaklaşımda daha geleneksel bir açılanma sahip değiliz?

İkinci olarak, Twitter Bootstrap'ın açılır menüsünün ardındaki düşüncenin ana sayfaları aydınlattığı anlaşılıyor. Muhtemelen çok iyi ... Söylesenize, basit bir web sayfası yapıya sahip olduğunu açıklayan değilim:

  • Ev
  • Hakkında
    • Takım
  • Hizmetler
    • Web Tasarım
    • Barındırma
    • Alanlar
  • "hakkında" geleneksel açılır menü yapısı, sen üzerine gelerek ediyorum yılında İletişim

ve "hizmetler" ve açılır menü içeren Çocuk linkleri (örneğin "Web tasarımı", "Hosting" vb.) görünecektir. Bununla birlikte, ana sayfayı (yani "Hakkında" ve "Hizmetler") tıklayabilir ve bunları ziyaret edebilirsiniz.

Bootstrap ile yapıda bir üst sayfanız olamaz, bağlantı etiketini ("#") kullanmanız gerekir. Bunu tıkladığınızda, açılır menüdeki sayfaları görürsünüz. Bir ebeveyn sayfası varsa bu iyi değil. Ayrıca bir semantik ("#" ne anlama geliyor?) Ve erişilebilirlik (javascript kapalı, ekran okuyucuları vb.) Bakış açısından da harika değildir.

Muhtemelen bir şeyi özlemişimdir, ancak bir başkasının özellikle ebeveyn sayfalarına ve semantik html/erişilebilirlik konusundaki düşüncelerini açıklayabilir mi?

+1

Bu konuyla ilgili görüşlere dayalı cevaplar alacaksınız, bu nedenle önyükleyicinin ana geliştiricileriyle iletişim kurmamanın neden doğru bir cevabı olsun? İşte geliştiricilerin twitter kolları: [@mdo] (http://twitter.com/mdo), [@fat] (http://twitter.com/fat). –

+0

Kesinlikle ana geliştiricilerin fikirleri ile ilgileniyorum, ama aynı zamanda diğer insanların görüşlerine ve insanların yukarıda vurguladığım durumda Bootstrap nav çubuğunu nasıl kullandıklarıyla ilgileniyorum. – iagdotme

cevap

17

Bu şekilde yapıldı, çünkü hover menüleri dokunmatik ekranlı cihazlarda iyi çalışmaz.

https://github.com/twitter/bootstrap/issues/1029

+1

Teşekkürler. Github hakkındaki yorum temelde soruyu cevaplıyor. Mobilde aynı menüyü kullanırken büyük avantajları görebiliyorsunuz. Ancak bu, yukarıda belirttiğim erişilebilirlik ve anlamsal sorunları çözmez. Bu yazı hakkında blogunda bahsettiği gibi Mark Otto ile irtibata geçeceğim! – iagdotme

0

birçok CSS ve js kesmek, bu işlev için orada vardır ama hepsi bir şeyleri kırıyor.

Vurgulu kullanmaya karşıyım, ancak birisi buna gerçekten ihtiyacı varsa, düzgün şekilde yapın.Ben herhangi bir hack olmadan Bootstrap sadece javascript API kullanarak bir eklenti yapılmış, bu nedenle kullanılabilirlik frenleme olmadan tüm cihazlarda çalışır: tasarım kararı Twitter'da de millet tarafından yapıldı

https://github.com/istvan-ujjmeszaros/bootstrap-dropdown-hover