Archives par catégories: jQuery

Créer un effet de zoom-out sur un bloc html

Voici un bout de code jquery, recopié tel quel depuis les templates de codyhouse. Cet effet contrairement à d’autres de leurs template, a l’avantage de s’appliquer directement et marche à merveille sans effort. Je le recopie donc pour le garder en réserve. J’ai une div.home_image qui contient une image en arrière plan. En appliquant tel […]

Entourer tous les iframe d’une balise : exemple d’une vidéo responsive

Voici un petit mémo de rappel pour entourer toutes ses iframes google,  ses vidéos youtube ou ses cartes google map, par des balises additionnelles. Cela peut être utile pour définir une règle pour toutes les iframes google d’un site par exemple et laisser intactes les autres provenant d’autres sources; Ci-dessousi j’entoure tous mes iframes Youtube […]

Créer une animation au scroll

Voici un petit bout de code de rappel pour faire appraître et disparaître son titre ou tout autre élément en fonction du scroll de l’utilisateur. Le chiffre 50 correspond au nombre de pixel à partir duquel la fonction agit. A régler en fonction de ses besoins.

Un indicateur de scroll pour ses articles

On trouve sur internet de nombreux exemples, plus ou moins complexes, d’indicateur de scroll. Ceci est utile pour des blogs ou des sites affichant de longs articles, et cela rajoute au design global. Il s’agit de cette barre souvent placée au dessus ou sous le menu, qui progresse en fonction de l’action de l’internaute sur […]

Créer des tableaux customisés grâce à DataTable JS

Aujourd’hui on va créer un tableau customisé grace à DataTable JS, que vous pouvez trouver sur cette page .Ce plugin js nous permet de rajouter une pagination, des outils de sélection, de filtrage, et tout un tas d’option pour améliorer le rendu visuel d’un tableau classique. Si l’on regarde l’affichage par défaut d’un tableau grâce au plugin […]

Ajouter une "row" tous les x articles sur wordpress

Supprimer le placeholder au focus

Voici une petite fonction récupérée qui peut servir: Dans l’exemple ci dessus, la fonction retire tout placeholder une fois qu’on clique dans l’input

Un OnePage avec des sections de hauteur fixes

Les problèmes courants lorsque l’on crée un site ou un onepage avec plusieurs sections,c’est le centrage des éléments, mais aussi et d’abord la taille des sections..doit-on leur donner une taille fixe? est ce qu’un height:100% suffit? La solution des viewport units n’est pas otpimale en réalité puisque certains navigateurs l’ignorent..donc si vous basez votre site […]

Des tabs dans les tabs

Petit mémo pour rappeler qu’il est tout à fait possible d’imbriquer des tabs dans des tabs, en suivant la structure suivante: et dans notre js:

Viser un seul élément en jQuery

Petit mémo jQuery pour rappeler la fonction permettant d’afficher ou cacher un élément dont la classe se répète plusieurs fois dans la page..En général, si l’on colle le code suivant :   dans un bloc, on une div vide ou un lien, dont la classe est .event-image-link, juste en dessous, une div avec du contenu, avec […]

Détecter les mobiles ou tablettes en js

Petite condition qui me sert ici de mémo: équivalent d’un media query css, cette condition nous sert à tester si l’on se trouve sur un mobile ou une tablette.Pour un menu jquery responsive, cette fonction est très pratique