Est-ce que ton template Pixelpost est disponible quelque part ?

Malheureusement non, je ne distribue pas mon template et ce pour 2 raisons :

1. Parce que sa conception m’a demandé pas loin de 100h de boulot et, au même titre que les photos, c’est une partie de mon identité.
2. Parce que j’ai pas mal bidouillé mon pixelpost et il ne serait pas compatible avec la version standard.

La chose qu’on me demande le plus souvent, c’est “Comment as-tu fait le panneau escamotable pour les commentaires ?“.

Il est difficile de répondre simplement à cette question puisqu’il s’agit de programmation web pure et dure qui fait appel à des connaissances assez solides en HTML, CSS et JAVASCRIPT.

Heureusement tout n’est pas à faire puisque j’utilise le framework javascript MOOTOOLS, c’est une formidable librairie qui fait beaucoup de trucs mais je me limite à l’utilisation des effets d’animation et plus techniquement à la classe Fx.Style. Cette classe se charge de faire l’interpolation des valeurs entre une valeur de départ et une valeur d’arrivée d’une propriété CSS. Qu’est-ce que c’est que ce charabia ? En fait c’est simple et super puissant, mettons que j’ai une balise DIV de largeur 300 et qu’à la fin de l’animation je veux qu’elle fasse 600, je dis à une fonction de mootools “anime la largeur du DIV de 300 à 600″ et la fonction me fait toute l’animation, qui plus est selon un “style de transition” que je peux choisir (comme lineraire, élastique, etc.). Comme cette classe peut piloter n’importe quelle propriété CSS je vous laisse imaginer les possibilités…

Voici un exemple très simplifié de la methode que j’ai utilisé pour faire le changement de couleur de fond : demo • source

Je n’ai malheureusement pas le temps nécessaire pour vous en dire plus et celà n’aurait aucun intérêt puisque les concepteurs eux-même s’en sont déjà chargé.
Sur le site de MOOTOOLS, vous trouverez une documentation claire et détaillée ainsi que d’excellents exemples.

Share This

Cet article à été posté le 07/19/2007, il appartient à la catégorie Foire Aux Questions. Vous pouvez suivre les réponses via le flux RSS 2.0 . Vous pouvez laisser un commentaire, ou mettre un trackback (rétrolien) depuis votre propre site.