Tutorial Fusion

Depuis la mode du Web 2.0, les dégradés sont parmis les effets visuels les plus répandus sur internet. Créer ce genre d’effet n’est pas difficile, mais le procédé est assez lourd: Vous devez créer une image dans un éditeur graphique, l’uploader sur le serveur, et enfin écrire une classe CSS pour mettre tout ca en place.

Il existe une alternative, en Javascript 100% non-intrusif, qui permet à n’importe qui de créer de beaux dégradés sans utiliser une seule image.

Voici comment empêcher les adresses mails se trouvant dans vos pages de se faire spammer par des bots. Et en fait c'est plutôt de la dèsobfuscation (houlà) par Javascript. Bon, si vous n'êtes pas spécialement méfiant, ce tutoriel risque de n'avoir que peu d'interet pour vous.

Pourquoi et comment ? Tout simplement parce que de nombreux robots scannent les sites à la recherche d'adresses mail visibles. Et que vous en avez marre de voir votre boite à spam déborder depuis que vous avez laissé votre mail de contact sur votre site.

Voici un petit tutoriel pour mettre une barre de navigation discrète sur son blog Wordpress, mais possibilité de l’adapter sur n’importe quel site très facilement !

Vous savez que j’aime offrir la meilleur expérience de navigation possible à mes visiteurs, et bien ce tuto va aider vos visiteurs à naviguer facilement dans votre blog.

wSlide va vous permettre de transformer n’importe quelle liste en une sorte de visionneuse, aussi bien pour du texte que pour des images. La pagination peut être automatiquement générées, ou pas.

Les longues listes sont souvent fatigantes à lire, on scroll dans tous les sens. Vous pourriez par exemple alléger vos sidebars en regroupant plusieurs parties avec ce plugin.

​​​​​Voici un petit exemple concret d'un cas où JavaScript permet un gain au niveau de la navigation sans entrave à l'accès au contenu au cas où ce dernier soit désactivé. La séparation du contenu et de la partie script permet une facilité de gestion de votre galerie et un allègement du poids des pages, en effet vous n'avez aucun code JavaScript à ajouter dans votre page en elle même, tout est géré par le script et appelé dans la partie de la page.

Ce tutoriel est une introduction rapide aux notions nécessaires pour bien comprendre et bien utiliser les événements en JavaScript.

Lorsqu'il s'exécute dans une page (X)HTML, JavaScript est un langage événementiel : le flux d'exécution du code est déterminé par les interactions avec l'environnement (envoi d'un formulaire, mouvement de la souris, chargement du contenu du document, ...), et non pas directement par le développeur.

Le but de ce tutoriel est de transformer le menu HTML du chapitre suivant en un menu accordéon. Un menu accordéon est un menu déroulant un peu particulier, dont les sous-menus s'ouvrent au clic de souris (ou au focus). Pour cela, on va bien sûr utiliser JavaScript, mais en se basant sur la bibliothèque jQuery. J'ai utilisé la version 1.2.1 de jQuery, la plus récente au moment d'écrire ces lignes.