Le format SVG peut paraître parfois un peu intimidant, et l'associer à des transitions ou des animations CSS semble encore plus audacieux pour bon nombre de personnes.
Cependant, dans certains cas, l'alchimie entre SVG et CSS est aussi bénéfique qu'extrêmement simple à mettre en oeuvre. Dans ce tutoriel, nous allons suivre étape par étape comment animer un bouton burger simple avec SVG et CSS.
Un tutoriel sur la manière de bâtir un menu RWD
Si on veut vraiment faire un menu sticky, autant le faire bien !
Ou l'on découvre que <menu> est une liste en HTML :
Menu List
Same sorta deal as an unordered list, but more of a semantic way to list interactive items, like buttons.
Ainsi donc, le menu-builder de WordPress ne produit pas nativement un menu accessible, et il faut beaucoup de contorsions pour obtenir un résultat accessible.
Où l'on découvre en filigrane que les menus de WordPress ne sont pas accessibles par défaut.
Dans cette première partie nous allons voir comment mettre en place un menu accessible simple, sans sous-menu : récapitulatif des bases, explications des notions importantes et des moyens pour rendre notre menu à un niveau accessible. C’est parti !
Commentaires sur la nouvelle version de PureDom Explorer
Une alternative à Superfish, un peu plus récente, accessible, et RWD
Un menu déroulant accessible pour le RWD
Les éléments à ne pas oublier quand on met en place un menu sticky. Comme quoi, ça n'est pas aussi évident que ça en a l'air...
Un tutoriel pour faire un menu sticky élégant et efficace.
Un "méga menu" accessible développé par Adobe pour son site.
Une barre de menu qui change de taille avec le scroll
Un menu pour le multilinguisme intéressant ! Avec une icone pour présenter le multilinguisme magnifique !
The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive
Un plugin jquery pour faire un menu Responsive affiché off-chrome sur la gauche du site
Un superbe menu RWD qui optimise l'usage des ressources en étant animé par CSS3 et non par jQuery
Un peu de jquery pour faire un menu RWD s'affichant automatiquement selon la largeur de l'écran avec un comportement différent selon les cas.
Après jQuery, il devient désormais plus facile que jamais de faire des animations dans une page web. Mais comme j'aime à le répéter : juste parce que vous pouvez le faire ne signifie pas que vous devez le faire. Voici quelques conseils pour animer vos sous-menus
Une extension de jquery qui permet d'enrichir énormément des listes déroulantes.
Serait utile pour le le sélecteur générique de SPIP, ainsi que pour le plugin critère mots
La technologie CSS3 des Media Queries permet de réaliser une intégration adaptée à la fois aux ordinateurs et terminaux mobiles, en détectant deux largeurs d'écran. Un menu fantastique, accessible au clavier (dans un sens et dans l'autre), et en responsive design !