Dans ce petit mémo, on va voir comment créer un menu vertical et latéral dans wordpress. See the Pen Menu vertical I by yuyazz (@yuyazz) on CodePen. Il existe plein de manière de faire, notamment en jQuery pour obtenir de beaux déroulés de sous menus, mais on y reviendra dans un prochain tuto.. Pour notre […]
Aujourd’hui on va voir comment on peut ouvrir son projet sublime dans le navigateur avec un raccourci. Il faut se rendre dans le menu Tools / New plugin et ajouter le code suivant : Ensuite on enregistre en faisant un ‘save‘. Si cela ouvre une fenêtre d’enregistrement, donnez lui un nom du genre broswer.py. Allez […]
See the Pen Tabs en jquery by yuyazz (@yuyazz) on CodePen. Voici un petit mémo sur la fonction tabs en jquery . Pour l’exemple, on va partir sur une page html toute simple (il faut bien sûr relier sa page à jquery pour que ca fonctionne): Tout comme pour le système des ancres, on crée […]
See the Pen fadetoggle by yuyazz (@yuyazz) on CodePen. L’effet fadeToggle permet de masquer un élément et de le faire revenir avec un effet de fondu. Voici notre petit menu : Au clic sur le bouton, on fait disparaître le menu, et on le fait revenir en cliquant à nouveau sur le bouton.
See the Pen jquery css by yuyazz (@yuyazz) on CodePen. en jouant avec la fonction .css en jQuery on va pouvoir en un rien de temps créer un effet sympa sur nos éléments. Le code html est vraiment basique, il y a ici juste deux blocs. Le jQuery est aussi relativement simple : Au clic […]
See the Pen SCROLLTOP Jquery by yuyazz (@yuyazz) on CodePen. Avec la fonction scrollTop je vais pouvoir jouer avec des ancres et rendre ainsi la navigation plus facile..c’est rapide à appliquer et l’animation (fonction animate) apporte un côté moderne à la page. Pour l’exemple, je crée ici une liste avec des liens vers mes ancres. […]
See the Pen Higlight div with jquery by yuyazz (@yuyazz) on CodePen. Aujourd’hui on va voir l’effet .css en jquery, qui permet d’appliquer facilement du style à nos éléments en fonction d’une action particulière. Dans ma page html, j’importe plusieurs images en leur attribuant une classe, puis je place deux boutons, contenant chacun un id. […]
Cliquez sur l’image pour voir l’animation: Avec le plugin least.js, on peut facilement créer un page portfolio qui sort un peu de l’ordinaire. Sur notre page html, on doit créer une liste contenant une première li vide en display:none par défaut, c’est celle qui va contenir notre image au grand format. Toutes les div contenant […]
Ici dans l’exemple on va utiliser l’effet animate pour déplacer un texte, et l’effet toggle pour faire apparaître et disparaître un deuxième élément. See the Pen ByzLap by yuyazz (@yuyazz) on CodePen. Voici le code html et jquery : Je crée un bouton, un titre et un paragraphe. Au clic sur ce bouton, j’applique un […]
Dans ce cours tuto, on va voir comment appliquer une couleur à des éléments par un simple clic sur un bouton. L’effet toggleclass permet un aller retour entre deux états d’un élément. Au clic, on rajoute une classe, au deuxième clic, on revient à l’état initial. Voici l’exemple: See the Pen change color toggleclass by […]