Reszponzív menü

2013. 04. 12.



A responsive navigációnak alkalmazkodnia kell a kijelző méretéhez. Kisebb kijelzőn is használhatónak kell maradnia a weblapunknak, webalkalmazásunknak. Megint nem kell feltalálni a kereket, mert számtalan megoldás van a weben reszponzív menü témakörben.

Responsive menü * Responsive navigation

Elég a CSS?

Egy jó megtervezett oldalnál, gyakorlatilag CSS(3) tulajdonsággal le lehet írni, mi történjen akkor, ha megváltozik a kijelző mérete, vagy éppen kisebb kijelzőről böngészik az oldalunkat. Én spec, nyitott vagyok a javaScript megoldások irányába is.

Ha meg jó (CSS3 és HTML5) keretrendszert használunk, gyakorlatilag átsiklunk a kérdés felett, mert megoldja helyettünk.

Példák reszponzív navigáció megvalósításra

1, RESPONSIVE NAV (http://responsive-nav.com/)

2, TinyNav.js (https://github.com/viljamis/TinyNav.js)

3, SelectNav.js Drop-Down(http://lukaszfiszer.github.io/selectnav.js/)

4, JpanelMenu (http://jpanelmenu.com/)

5, MeanMenu (http://www.meanthemes.com/plugins/meanmenu/)

Még több reszponzív menü

Ha ez nem volna elég íme még néhány megvalósítás:

http://speckyboy.com/2013/01/30/more-responsive-navigation-solutions/