Et bien voilà, le site ledruide.net prend enfin ses nouvelles couleurs.
Lors de la préparation de la dernière version, je m'étais attaqué principalement sur l'intégration de différents modules (dotclear, dokuwiki, zenphoto). Le but était de travailler avec un seul thème commun à tous. J'avais dépensé pas mal d'énergie sur ce travail, ce qui fait que j'avais rapidement bidouillé une interface graphique, en attendant de mieux faire.
En cours de route, de nouveaux projets ont vu le jour et j'avais laissé tout ça de côté ; après tout, le site fonctionnait. Et puis, en commençant à mettre mon nez dans la programmation en jquery, j'ai eu envie de faire quelque chose de sexy. La seule difficulté a été de se décider sur le graphisme. Et c'est après avoir longuement cherché des idées ailleurs que j'ai fini par me décider à abandonner le fond marron qui caractérisait le site depuis ses débuts.
Alors, au sommaire des nouveautés :
javascript et jquery
- Une animation de la page de contact.
- Animation des nuages dans la bannière supérieure.
- Intégration d'un module de tri dans des tableaux. (tablesorter)
- Slideshow dans la rubrique photo. (jquery.slideShow)
- la fenêtre en surcouche dans la galerie photo. (nyroModal)
- Utilisation du mode noConflict de jquery pour l'interfaçage avec Dokuwiki.
- [EDIT 27/11/2009] :
Ajout un module d'affichage de boite transparent en CSS/javascript (Transparent custom corners and borders) - [EDIT 15/12/2009] : Pour éviter d'ajouter des lignes de javascript supplémentaires, les boites transparentes seront gérés par du simple code en CSS3. Ces boîtes améliorées ne se verront sous Internet Explorer que lorsqu'ils suivront les préconisations du W3C.
Bien entendu tout est valide HTML/CSS.
Coté design
Le design général est librement inspiré des sites suivants :
- Ryan Taylor : Bandeau en partie supérieur et le drop_content (animation lorsque l'on sélectionne le lien contact dans le menu).
- Brynn Shepherd : Design sympa. Utilisation du procédé de “sprite” pour le menu : une seule image que l'on déplace en CSS.
- Evasion Loft : Très beau formulaire de contact ; simple et efficace.
- Sunrise design : Animation du ciel qui bouge.
Je viens enfin de boucler la structure d'un nouveau site pour la compagnie Flocontine. Il faut juste y ajouter plus de contenu et nous mettrons le tout en ligne. D'ailleurs, ce ne sera peut-être pas tout de suite étant donnée l'arrivée prochaine d'un heureux évènement qui risque de bouleverser le planning.