J’ai fait avec Mosquito le site d’Avec-Vous Design (avec qui on travaille régulièrement sur les installations d’écrans interactifs) :
▻http://www.avecvousdesign.com/spip
▻http://www.avecvousdesign.com/spip/S-21-Fontainebleau
C’est #SPIP #HTML5 #responsive évidemment.
À noter :
– le menu de navigation déclenché par un menu hamburger (en haut à gauche), qu’on privilégie désormais (malheureusement encore beaucoup de clients n’en veulent pas en grand écran) ; ici particularité : le logo de la boîte qui slide vers le haut du menu de navigation en changeant de largeur ;
– dans le slider de page d’accueil (oui, je sais…), le petites transitions CSS qui provoquent l’apparition du texte, c’est assez mignon comme trouvaille,
– pas mal de boulot sur les pages du « portfolio » :
▻http://www.avecvousdesign.com/spip/TMT-Francois-Xavier
l’image en plein écran en haut de page évidemment, mais surtout les deux colonnes qui scrollent de manière différenciée (à gauche le texte, à droite les images), de façon à démarrer et terminer en même temps le scroll (généralement : la colonne d’image scrolle moins vite que la colonne de texte). Pas évident à régler… (sur petit écran, présentation différente avec un pavé d’images en bas de page).
– la présentation des rubriques de portfolio (les carrés qui s’animent, la sélection de sous-rubriques dans la même page…) :
▻http://www.avecvousdesign.com/spip/Portfolio
– sur la page « Actualités », en mode #longform :
▻http://www.avecvousdesign.com/spip/Actualites
La présentation de plusieurs images successives sur la même ligne (ou plusieurs lignes selon la taille de l’écran).
