Vincent Rousseau, développeur Web Reims

Voici un mini tutoriel sur comment faire une "single page". Je vais partir sur un scroll vertical, mais le principe reste le même pour une singlepage en scroll vertical.
D'abord la structure HTML, je vais créer des balises <article> pour chaque partie de ma page. Je met un id sur chacun pour m'en servir comme ancre :

Mon cher compère développeur Tommy Chausson et moi même avons mis au point un plugin pour SPIP qui permet de générer des slideshows en s'appuyant sur l’un des deux plugins jquery suivant, au choix :

jQuery.validity permet de contrôler les champs d'un formulaire. On peut les rendre obligatoire, controler leur format (numérique, date, etc), mais aussi de tester leur valeur grâce à des fonctions comme greaterThan(), greaterThanOrEqualTo(), etc...

Nous allons voir dans l'exemple ci-dessous, comment mettre en place Validity :

Changer le style des boutons "Parcourir" ? C'est possible, grâce à un très simple (d'utilisation) plugin jQuery : File Style. L'idée est de remplacer l'input file par un input text suivi du bouton "Parcourir" en image.

Bien sûr, la première chose à faire est de créer l'image qui remplacera le bouton "parcourir". Ensuite on passe à la partie Code.

Essayant tant bien que mal à trouver un script qui me permet de modifier la taille des fonts de mes textes, j'ai décidé créer moi-même un plugin jQuery à cet effet : cSize.

Le but de ce plugin est de d'ajouter des boutons "Agrandir" et "Réduire" au dessus des paragraphes choisis. 

Voir la démo

Voici comment l'utiliser :

Rien n'arrête nos amis graphistes, rien ! Ils font leurs maquettes sous Photoshop sans se soucier des contraintes du Web. Et qui se retrouve à essayer de faire des choses impossibles après ? Les pauvres développeurs :(

Enfin, ce qui n'était pas possible il y a quelques année (ou très difficile) ne l'est plus aujourd'hui, notamment grâce à l'essors des bibliothèques javascript tel que jQuery ou Mootools.