Profile cover photo
Profile photo
Sylvain Mroczko
About
Sylvain's posts

Post has shared content
+CodyHouse is a fantastic free library for #html , #css  , #js   nuggets

@codyhouse http://codyhouse.co

#webdevelopment  
Photo

Post has shared content

Post has attachment

Post has attachment

Post has shared content

Post has shared content

Post has attachment

Post has attachment

Post has attachment

Post has shared content
Sidr est un plugin jQuery permettant de créer des menus affichés en sidebar, spécialement conçus pour les webdesigns responsive.

Lorsque vous êtes amenés à créer un design responsive, l'UI du menu principal en mode smartphone est toujours sujet à discussions: Menu en liste, menu en dropdown ...
Sidr propose une manière plus élégante et efficace de présenter le menu pour les mobiles: en sidebar glissante.
Vous avez certainement déjà vu ce principe de menu dans des applications mobiles (Facebook ...).

Sidr vous permet de le mettre en place facilement sur vos pages web.
Il est possible de l'utiliser sans responsive, si vous souhaitez simplement gérer une sidebar dynamique par exemple.
Côté technique, voici comment mettre en place le plugin (sans mode responsive):


http://www.world-lolo.com/images/uploads/image.num1364994742.of.world-lolo.com.png

Il existe deux thèmes par défaut (Noir et blanc), mais comme vous l'imaginez, il est tout à fait possible de personnaliser le style de la sidebar selon vos envies.
Une option permet de charger dynamiquement le contenu à partir d'une URL (Ajax).
La doc est bien fournie, plusieurs exemples vous montreront comment utiliser les différentes options et comment le mettre en place en mode Responsive.


site officiel ==> http://www.berriart.com/sidr/

si vous le testez adresser vos feedbacks à la suite du Topic merci
Wait while more posts are being loaded