Responsive Nav : votre menu responsive
Cr�ez un menu responsive en toutes circonstances
Gr�ce aux transitions CSS3
Le responsive design est devenu bien plus qu'une mode, c'est une v�ritable bonne habitude � prendre lorsque l'on veut un site propre.
Avec le march� des mobiles et des tablettes qui ne cessent de cro�tre, rendre son site lisible et adaptable � n'importe quelle r�solution est tr�s important.
Responsive Nav est un plugin JavaScript ultra l�ger (1.7kb minifi�) qui va vous permettre de mani�re tr�s simple de cr�er un menu responsive.
En effet ce plugin utilise les transitions CSS3 pour adapter la taille du menu � la r�solution.
Le plugin permet �galement l'utilisation d'�v�nements li�s au tactile ce qui rend le menu utilisable sur smartphone et tablette.
Il est totalement ind�pendant et fonctionne sur tous les navigateurs (y compris Internet Explorer 6 oui monsieur !) ainsi que sur tous types de smartphones ou tablettes.
Pour l'utiliser il vous suffit d'ajouter un "markup" sur votre menu :
Code:
1
2
3
4
5
6
7
8
| <nav class="nav-collapse">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav> |
Il faut bien s�r instancier le plugin :
Code:
1
2
3
4
| <!-- Put this right before the </body> closing tag -->
<script>
var nav = responsiveNav(".nav-collapse");
</script> |
Vous disposez ensuite de toute une s�rie d'options personnalisables ainsi que de plusieurs m�thodes (comme pour redimensionner votre menu par exemple).
Pour plus d'informations je vous invite � consulter le site officiel sur lequel vous trouverez des exemples ainsi que de la documentation.
:fleche: T�l�charger Responsive Nav.
Source : thechangelog.com
Et vous ?
:fleche: Faites-vous du responsive design ?
:fleche: Avez-vous d�j� cr�� des sites fonctionnant �galement sur mobile et/ou tablette ?
