Aller au menu - Aller au contenu
Inscris-toi au e-camp "Héberge ton jeu Facebook sur Azure" de Microsoft vendredi 25 mai à 13h30 !

zMini - version 1.0.1

Design adapté aux petites résolutions, enfin !

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page 1  2  3  4  ...  16  17  18  19  Suivante
Auteur Message
1 visiteur sur ce sujet (1 Anonyme)
Page 1  2  3  4  ...  16  17  18  19  Suivante
En ligne Ze Fainéant # Posté le 01/07/2009 à 21:44:50
Flemme à mi-temps.
Avatar

Version 1.0.1
Yop,

Présentation


Je ne suis pas le seul à remarquer que certains utilisent des petites résolutions venant d'appareils mobiles (iPhone, téléphone, etc.) et qu'ils se plaignent parfois que la navigation est un peu difficile. C'est pourquoi ayant du temps libre, je me demande si adapter le CSS du site ne serait pas une bonne idée.

zMini, un tout petit design


Je vous présente zMini. Ce design, comme le nom le laisse imaginer, est destiné aux petites résolutions du type téléphone (iPhone, Androïd ou Windows Mobile), même le 800x600 est énorme à côté. Il sacrifie quelques modules (qui ne sont pas indispensables évidemment), mais reste dans le style de New Wave puisque ce n'est qu'une réduction de la largeur optimisée.
  • Header contracté et très pratique
  • Menu vertical déplacé pour une largeur du corps optimale
  • Menu vertical contracté et allégé
  • Pied de page allégé et contracté (non pas l'inverse)
  • Page d'accueil simple et rapide
  • Petits boutons grossis pour plus de maniabilité
  • Destruction de la structure des tableaux pour les clarifier
  • Design rapide dans l'esprit de New Wave
  • NEW Et si vous êtes sur votre PC, le design se remet automatiquement sous New Wave !
  • NEW Maintenant, zMini est extensible, il s'adapte à tous les mobiles !


Profitez bien de ce design (qui n'est pas entièrement terminé, certaines pages sont encore sur l'ancien modèle) et améliorez-le en rapportant tout bug ou toute suggestion. :)

Nouvelle version en cours de création...


Citation : Historique des modifications
03-07 | Application à l'exploration des cours, des commentaires de tutos ainsi qu'à la recherche
03-07 | Application aux cours également (avec la malheureuse pub)
03-07 | Application au module complet des news et à la zForm
Édité le 20/12/2009 à 01:16:23 par Ze Fainéant
 
Publicité # Posté le 01/07/2009 à 21:44:50

Hors ligne Alegro # Posté le 02/07/2009 à 08:17:58
Avatar

Je cherche même pas à aller sur le sdz via un téléphone et je pense que la qualité doit être mauvaise.
C'est une bonne idée en tout cas :)

Mes sims sont tellement geeks et asociaux, que quand je fais interagir la mère de famille avec son fils, je vois l'option "Faire connaissance"
:soleil:
 
Connecté Ze Fainéant # Posté le 02/07/2009 à 09:14:59
Flemme à mi-temps.
Avatar

Vu que je n'ai pas de résolutions, je me base sur une largeur de 480 pixels. J'ai donc bossé dessus hier, et voilà le rendu du header (avec survol du lien "Forums" et focus du lien "Participez") :

Image utilisateur


Le lien de déconnexion en haut à gauche est mal placé, le pseudo et le menu compte vont soit être centrés, soit être à côté des messages et l'avatar me dérange car il ne peut faire que 20x20. :-° Il ne vous reste comme choix que de le supprimer, ou de l'agrandir et le placer ailleurs.

Sinon, pour le corps, je réduis la taille de la police à celle du fil d'Ariane (environ) ? Et sur quel navigateur le design doit-il être compatible ?
Édité le 02/07/2009 à 09:31:01 par Ze Fainéant
 
Hors ligne linkboss # Posté le 02/07/2009 à 10:40:51
Vive arobase-che !
Avatar
Flux RSS

Ville : Savenay
Pays : France métropolitaine
Études : SUPINFO Pays de la Loire à Nantes

Ze Fainéant : Une recherche google et t'auras toutes les résolutions que tu veux. Et pour redimensionner ta fenêtre aux bonnes dimensions, essaye donc Web Developer :D

Il n'y a pas de bug, il n'y a que des programmeurs incompétents.
Koinko.in, un raccourcisseur d'URL qu'il est bien.
40% d'avertissement, je suis plus dangereux que willard.
Et aussi vrai que 503 == TRUE.
My Little Pony - Friendship is Magic - Rejoignez nous : #mlp sur irc.epiknet.org
 
Hors ligne Alegro # Posté le 02/07/2009 à 12:13:41
Avatar

Moi, je verrai plus le haut du design de cette façon :

Image utilisateur

Désolé, j'ai dû effacé ta signature :D

Édité le 02/07/2009 à 14:17:59 par Alegro

Mes sims sont tellement geeks et asociaux, que quand je fais interagir la mère de famille avec son fils, je vois l'option "Faire connaissance"
:soleil:
 
Connecté Ze Fainéant # Posté le 02/07/2009 à 14:13:28
Flemme à mi-temps.
Avatar

  • Réduction de la largeur du design à 470px (compatible iPhone et Androïd minimum)
  • Barre du header modifiée

Image utilisateur


Finalement, ça sera comme ça. :)
 
Hors ligne Alegro # Posté le 02/07/2009 à 14:19:58
Avatar

Bon, voilà, j'avais du temps à perdre alors j'ai fais une petite maquette du design, dans l'état actuelle, je suis presque sûre qu'il irait pour Iphone mais on en ait encore loin pour Android (ou pas ?) et Windows Mobile (là c'est certains !)

Image utilisateur

Biensûr cliquez dessus pour une meilleure définition ;)

Edit : Il faudra la modifier, je viens de voir que tu viens de mettre à jour le haut du design.
Édité le 02/07/2009 à 14:20:28 par Alegro

Mes sims sont tellement geeks et asociaux, que quand je fais interagir la mère de famille avec son fils, je vois l'option "Faire connaissance"
:soleil:
 
Connecté Ze Fainéant # Posté le 02/07/2009 à 14:24:48
Flemme à mi-temps.
Avatar

La police serait illisible vu la taille non ? Tu pourrais me filer une taille de police générale que je puisse utiliser partout (sauf exceptions) ?
 
Hors ligne Alegro # Posté le 02/07/2009 à 14:29:39
Avatar

Taille 8 pour la partie bas de page (le DSZ - Qui sommes nous) et 12 pour le reste.

Mes sims sont tellement geeks et asociaux, que quand je fais interagir la mère de famille avec son fils, je vois l'option "Faire connaissance"
:soleil:
 
Hors ligne Ssx`z # Posté le 02/07/2009 à 16:46:17
Avatar
Flux RSS

Études : IUT Vannes

Perso déjà j'enleverai le "bienvenue sur le sdz" et le zozor :-" Si on utilise ce design, c'est qu'on est habitué du site

Image utilisateur

Follow me on Twitter
“Simplicity is a great virtue but it requires hard work to achieve it and education to appreciate it.” (Edsger W. Dijkstra)
 
Connecté Ze Fainéant # Posté le 02/07/2009 à 17:29:59
Flemme à mi-temps.
Avatar

T'inquiètes, les modules prendront toute la largeur, le menu principal sera en dessous du corps (un lien d'avance rapide sera présent) et le footer sera différent, peut-être allégé. ;)

Design disponible aujourd'hui (3 juillet) dès 18h.
Édité le 03/07/2009 à 15:40:44 par Ze Fainéant
 
Hors ligne rks` # Posté le 03/07/2009 à 17:53:22
Avatar

Études : Paris 7 Denis Diderot

On peut aussi enlever le menu cours.
Et faire passer la news du moment au dessus des menus serait sympa aussi.
Sinon euh, bonne initiative :)

The Lambda Church
« What we represent to them is freedom. »
 
Connecté Ze Fainéant # Posté le 03/07/2009 à 20:31:58
Flemme à mi-temps.
Avatar

Ca y est, zMini sort en version 1.0. Toutes les pages ne sont pas affectées, mais le forum et les pages statiques sont propres au rendu. Remontez au premier post pour développer votre curiosité. :)
 
Hors ligne Ssx`z # Posté le 03/07/2009 à 21:33:53
Avatar
Flux RSS

Études : IUT Vannes

Et la pub :/ ? Car elle est obligatoirz

Image utilisateur

Follow me on Twitter
“Simplicity is a great virtue but it requires hard work to achieve it and education to appreciate it.” (Edsger W. Dijkstra)
 
Connecté Ze Fainéant # Posté le 03/07/2009 à 21:37:29
Flemme à mi-temps.
Avatar

Prévue rapidement pour la version 1.0.1, mais je ne sais pas comment la placer.
 
Hors ligne Almaju # Posté le 03/07/2009 à 22:53:55
Distributeur de sourires
Avatar

PUTAIN CA TROUE LE CUL :D !

Image utilisateur

Image utilisateur
 
Connecté Ze Fainéant # Posté le 03/07/2009 à 23:01:25
Flemme à mi-temps.
Avatar

:-° Tu utilises quel appareil ?

Me semblait pas avoir implémenter une option "sodomie", vais revoir le code. :D
Édité le 03/07/2009 à 23:02:01 par Ze Fainéant
 
Hors ligne clemano # Posté le 04/07/2009 à 12:30:21
Avatar

Tu pourrais rajouter un script dans ton design qui permettrait de, si on utilise son PC de rester en New Wave, mais si il détecte un iPhone ou un appareil mobile, de passer en zMini ? Quitte à faire une nouvelle version, ça pourrait être sympa.

Car j'utilise le site du zéro à 75% sur mon PC et 25% sur l'iPhone, donc dans la version courante le projet ne m'intéresse pas franchement mais ça pourrait vite devenir indispensable.

Voilà,
Merci,
CleManO.
 
Connecté Ze Fainéant # Posté le 04/07/2009 à 12:35:03
Flemme à mi-temps.
Avatar

Malheureusement non, je n'ai accès qu'au CSS (sinon j'aurais mis en place quelques applications JavaScript intéressantes), il va falloir que tu changes de design à chaque changement d'appareil. :( Au pire, il faudrait créer un script GreaseMonkey, mais ne m'y connaissant pas trop dans ce sujet, je te laisse aller voir les auteurs des projets tels Z++, zAjaxEdit ou CodeSelector (sur le SdZ). ;)
 
Hors ligne TheKingWorld # Posté le 04/07/2009 à 13:01:44
Avatar

Super beau design et pratique.
 
Hors ligne matheod # Posté le 04/07/2009 à 13:23:24

Avatar

et en esseyant de mettre le code qui permet d'ajouter du code html avant et après certaines balises c'est pas posible ?

Un jeux original qui change des mmorpg tout en en gardant le thème : League Of legend!

Un contrôle parentale sur le site du zero pour les admins ?
Image utilisateur
 
Connecté Ze Fainéant # Posté le 04/07/2009 à 13:26:25
Flemme à mi-temps.
Avatar

Citation : matheod
et en esseyant de mettre le code qui permet d'ajouter du code html avant et après certaines balises c'est pas posible ?

Le code n'est pas interprété, ç'aurait été trop simple. :p
 
Hors ligne DroidO # Posté le 04/07/2009 à 22:17:42
Lockerz--> Mp
Avatar

Ville : Creil
Pays : France métropolitaine

Coool dommage que je ne peux pas tester, car je suis en vaccance^^
Sinon vraiment dommage pour sa:
Citation : clemano
Tu pourrais rajouter un script dans ton design qui permettrait de, si on utilise son PC de rester en New Wave, mais si il détecte un iPhone ou un appareil mobile, de passer en zMini ? Quitte à faire une nouvelle version, ça pourrait être sympa.

Car j'utilise le site du zéro à 75% sur mon PC et 25% sur l'iPhone, donc dans la version courante le projet ne m'intéresse pas franchement mais ça pourrait vite devenir indispensable.

Voilà,
Merci,
CleManO.


Il n'y a vraiment pas moyen??
merci
Édité le 04/07/2009 à 22:20:35 par DroidO

#LGDF: gan_ vaincra !
Image utilisateur Discuter avec moi directement sur msn en cliquant sur mon statut.
 
Connecté Ze Fainéant # Posté le 04/07/2009 à 22:34:49
Flemme à mi-temps.
Avatar

Non, l'URL du design est dans la BDD, donc je ne peux même pas vous proposer de modifier un éventuel cookie. Au pire, le site est navigable sur une grande résolution (mais le site reste en petite largeur :p ).

La seule solution que je peux vous proposer est de mettre le lien vers le changement de design pour zMini et celui pour revenir à New Wave dans votre pense-bête, et deux clics vous suffiront à changer de design.
 
Hors ligne DroidO # Posté le 04/07/2009 à 22:44:14
Lockerz--> Mp
Avatar

Ville : Creil
Pays : France métropolitaine

Ou un petit bouton dans le header/footer qui modifiera le design??
Lien dans penses bete c'est deja sa!

#LGDF: gan_ vaincra !
Image utilisateur Discuter avec moi directement sur msn en cliquant sur mon statut.
 
Connecté Ze Fainéant # Posté le 04/07/2009 à 22:49:01
Flemme à mi-temps.
Avatar

Citation : overtux
Ou un petit bouton dans le header/footer qui modifiera le design ?

S'pas que j'veux pas tu sais, c'est que je ne peux pas.
 
Hors ligne DroidO # Posté le 04/07/2009 à 22:54:59
Lockerz--> Mp
Avatar

Ville : Creil
Pays : France métropolitaine

lol bon bas tant pis, on va se démeder comme sa, on a déja un design adapté pour nos fone, faut pas en demandé trop non plus^^



ps: sinon tu peux modifier a signature plz:
Remplace: Un design SdZ adapté aux iPhone.
Par: Un design SdZ adapté aux téléphone portable.
Car y'a pas que l'iPhone comme fone^^
mci

#LGDF: gan_ vaincra !
Image utilisateur Discuter avec moi directement sur msn en cliquant sur mon statut.
 
Connecté Ze Fainéant # Posté le 04/07/2009 à 23:00:39
Flemme à mi-temps.
Avatar

Il me faudrait une confirmation pour les téléphones, je n'ai pu tester zMini que sur un émulateur iPhone. Tu l'as testé sur un autre mobile ?

Info / zForm et news communautaires adaptées au design.
Édité le 04/07/2009 à 23:04:46 par Ze Fainéant
 
Hors ligne DroidO # Posté le 04/07/2009 à 23:10:34
Lockerz--> Mp
Avatar

Ville : Creil
Pays : France métropolitaine

Non je n'ai pas pu le tester, mais comme tu dis que tu t'es basé sur 480px de large, donc ce design ne sera adapté qu'au téléphone avec un écran 480px^^ comme mon htc touch diamond^^

#LGDF: gan_ vaincra !
Image utilisateur Discuter avec moi directement sur msn en cliquant sur mon statut.
 
Connecté Ze Fainéant # Posté le 04/07/2009 à 23:14:16
Flemme à mi-temps.
Avatar

Okay, donc je change ma signature. :p
 

Retour au forum "Designs du Site du Zéro" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx


Lire aussi