Fork me on GitHub

Evolution de vistaide.com

201312
Mai
  grosdunord Sites sur Xoops 3830

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

Open in new window


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.

Open in new window


La page de redirection utilise le système de Progress Bar avec l’affichage du pourcentage de progression du chargement de celle-ci.

Open in new window


La page de "site en travaux" est entièrement basée sur bootstrap

Open in new window


Nous avons fais des tests sur http://gtmetrix.com/ dont voici les résultats :

Open in new window

Note: 0.00 (0 votes) - Noter cet article -

Partager Twitter Partagez cette article sur GG+
Format imprimable Envoyer cet article à un ami
Les commentaires appartiennent à leurs auteurs. Nous ne sommes pas responsables de leur contenu.
Admin Frxoops
Inscrit le: 16/05/2003
De: Rhone-Alpes
Contributions: 4051
alain01 Posté le: 12/05/2013 23:59  Mis à jour: 12/05/2013 23:59
 Re: Evolution de vistaide.com
Donc gros boulot pour vous 2 ! Bravo !
Je ne comprends pas bien le sens du nom du site avec le sens du site que je crois comprendre (Un site communautaire d'un jeu, c'est ça ?).
Il manque peut-être un élément + clair permettant de comprendre ce que c'est, à moins que les afficionado verront clairs.

Merci également pour le lien vers http://gtmetrix.com/ que je ne connaissais pas.
Très instructif.

Pouvez-vous nous expliquer également ce qu'est le "Bootstrap de Twitter" (Un thème issu de Twitter ?)

Vos réponses peut-être dans un sujet du forum ?
Alain, très curieux !
Semi pro
Inscrit le: 01/08/2005
De:
Contributions: 1851
grosdunord Posté le: 13/05/2013 10:37  Mis à jour: 13/05/2013 10:37
 Re: Evolution de vistaide.com
Salut Alain,

Tous d'abord merci d'avoir donné tes impressions sur cette nouvelle mouture de mon forum.

Alors pour le nom du site c'est assez compliquer a expliquer en gros si tu sépare le nom tu a vi et aide ce forum et une communauté du mmorpg Dofus.

Pour gtmetrix de rien heureux d'avoir partager ce lien cela te permettra d'amélioré les performance de ton ou tes sites web tous les informations son la pour t'aider a l'amélioré et qui plus est il te donne par exemple les nouvelles images compresser ou encore les css,js minifié.

Pour ce qui est de bootstrap tatane nous a ouvert un sujet içi http://www.frxoops.org/modules/newbb/ ... id=228885#forumpost228885
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

48 Personne(s) en ligne (5 Personne(s) connectée(s) sur Articles) | Utilisateur(s): 0 | Invité(s): 48 | Plus ...