Evolution de vistaide.com
Date 12/05/2013 | Sujet : Sites sur Xoops
| Le site vistaide.com s’offre une nouvelle mouture après quelques années sur les mêmes styles de Template Xoops.
Aujourd’hui l’arrivée de Xoops 2.6 a fait réagir Grosdunord ainsi que Tatane sur la conception d’un thème basé sur le Bootstrap de Twitter tout en restant sur Xoops 2.5.X.
Le thème est compatible sur les navigateurs suivant : Firefox, chrome, Opera, safari, internet explorer ,mais nous avons été plus loin puisqu’il est aussi responsive design.
Ainsi le thème est compatible mobile, tablette et Bureau avec les différents formats ci-dessous :
Téléphone : 480px et au-dessous
Paysage téléphone pour tablette portrait : 767 px
Tablette vertical au mode horizontal et de bureau : 768 px à 979px
Bureau : 980 px
Grand bureau : 1200px
Afin d’améliorer ces performances nous avons utilisés les sprites css pour les images mais aussi minifié les css, le html ainsi que les JavaScripts.
Nous avons rendu invisible certain bloc lors du passage en mode mobile car nous trouvons que ces blocs étaient totalement inutiles dans ce mode.
Les blocs de droite en mode mobile sont placés automatiquement au-dessus des blocs centraux.
Nous avons utilisés le Tooltip pour certains liens comme "mot de passe oublié" ou encore le texte "se souvenir de moi" afin de donner plus d’information sur ces liens aux visiteurs.
La page de redirection utilise le système de Progress Bar avec l’affichage du pourcentage de progression du chargement de celle-ci.
La page de "site en travaux" est entièrement basée sur bootstrap
Nous avons fais des tests sur http://gtmetrix.com/ dont voici les résultats :
|
|