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

TYPO

un design qui fait pas dans la dentelle

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page 1  2  3  4  5  Suivante
Auteur Message
1 visiteur sur ce sujet (1 Anonyme)
Page 1  2  3  4  5  Suivante
Hors ligne nod_ # Posté le 13/08/2010 à 15:48:35
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

Bonjour à tous,

le but de ce design est d'améliorer lisibilité donc beaucoup d'éléments ont été sacrifiés.





les features:
  • typographie soignée (le plus possible…) ;
  • coloration de code perso ! suit le thème oblivion de gedit ;
  • lisible ;
  • des boutons qui déchirent ;
  • affiche le strict minimum ;
  • grandes zones de texte pour les réponses ;
  • supprime les gifs fluos des signatures.

ça marche bien sous FF, Chrome et Opera. Pas testé sous IE.

Pour les demandes de modifications, essayez, mais je ne promet pas de tout accepter. Le mieux c'est de forker le projet (sur github), faire les modifs et de faire une demande de pull.



A noter que la structure du HTML sur le sdz est horrible. Au moins autant que le HTML généré par le zcode…
Édité le 14/09/2010 à 19:01:08 par nod_

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Publicité # Posté le 13/08/2010 à 15:48:35

Hors ligne xavierm02 # Posté le 13/08/2010 à 19:25:58
Tout est ℤ
Avatar

Ville : Sceaux
Pays : France métropolitaine
Études : Lycée Lakanal - Sceaux

C'est vide à première vue mais en fait c'est pratique les trucs déroulants etc.
Bien joué :)

↑
↓
 
Hors ligne Almaju # Posté le 14/08/2010 à 19:04:42
Distributeur de sourires
Avatar

Je dois avouer que c'est très novateur et pratique seulement sous Chrome, les modules de la page d'accueil ne flottent pas et sont les uns sous les autres. :(

Image utilisateur

Image utilisateur
 
Hors ligne nod_ # Posté le 14/08/2010 à 19:09:43
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

Ouais j'ai remarqué ça, vu que j'utilise jamais (ou presque) la première page, j'ai pas fait d'efforts :-° Le html est le "classage" des élements est relou, ça aide pas.

Je vais faire ces modifs dans la semaine.

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Hors ligne Almaju # Posté le 14/08/2010 à 19:15:04
Distributeur de sourires
Avatar

Je l'utilise actuellement et je suis franchement impressionné par son efficacité.
Je me permet de faire quelques petites remarques cependant. :p
Tout d'abord, je trouve l'icone maison pour l'accueil est un peu trop petit et pas assez visible. De plus, au survol, il se souligne (et ça c'est moche :p ).
Y a pas la boite à smileys quand on rédige un post. o_O
J'allais dire que tu pourrais mettre le menu en "fixed" mais cela pose problème si sa longueur dépasse celle de la page. :-°
Le logo en haut est trop imposant par rapport au reste et le Zozor est plutôt gênant aussi.
Je trouve aussi que la speedbarre est trop collée au reste, des petites marges ne seraient pas du luxe. :p

Voilà pour toi l'ami. :)

Edit : Je viens de voir aussi qu'il n'y avait plus les boutons "Alerter les modérateurs", "Mettre en favoris" etc. :(
Édité le 14/08/2010 à 19:18:51 par Almaju

Image utilisateur

Image utilisateur
 
Hors ligne nod_ # Posté le 15/08/2010 à 00:17:33
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

Content que ça te plaise :)

Pour l'icone d'accueil, elle devrait meme pas s'afficher en fait. Y'a déjà le lien sur le logo qui fait pareil.

Pour les boite à smiley et pour ajouter des pièces jointes j'ai pas encore trouvé quelque chose de satisfaisant pour les présenter donc c'est caché pour l'instant.

En ce qui concerne le logo et zozor, j'ai rien touché sur les images par défaut, faut quand même qu'on reconnaisse le sdz par un truc ou deux quand même :-° Des marges ferait pas de mal en effet.

corrigé pour les liens vers les modos, ça c'est utile :D

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Hors ligne Almaju # Posté le 15/08/2010 à 00:59:11
Distributeur de sourires
Avatar

Nan mais sans supprimer le logo ou Zozor, les rendre peut-être plus discrets ?

Nickel pour les liens en bas, je peux reprendre le design. :D

Edit : La recherche aussi a disparue ! >_<
Egalement quand on poste un message, y a du texte de couleur blanc par dessus le formulaire.
Essaye de modifier le z-index pour que le formulaire passe au dessus ?
Édité le 15/08/2010 à 02:28:55 par Almaju

Image utilisateur

Image utilisateur
 
Hors ligne xavierm02 # Posté le 15/08/2010 à 10:21:12
Tout est ℤ
Avatar

Ville : Sceaux
Pays : France métropolitaine
Études : Lycée Lakanal - Sceaux

Il manque le truc pour les MP non ?

↑
↓
 
Hors ligne Almaju # Posté le 15/08/2010 à 14:25:05
Distributeur de sourires
Avatar

Beaucoup mieux ! :D
Rajoute une petite marge en haut entre le bord de la page est le logo / speedbarre et ce sera parfait. :)
Je viens également de remarquer que les images flottantes dans les news par exemple n'ont pas de marge et sont donc collées au texte. :s
Édité le 15/08/2010 à 15:50:02 par Almaju

Image utilisateur

Image utilisateur
 
Hors ligne nod_ # Posté le 15/08/2010 à 23:31:08
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

Et voila les petit soucis de marge sont ok :)
en prime y'a même la page d'accueil et l'espace membre qui ont été remis en page :p


Par contre ce qui me fait chier c'est que les formulaires sont très pauvre niveau html, on peut pas faire grand chose. Et le pire c'est qu'on a absolument rien pour contextualiser en fonction de la page. C'est triste.

J'ai pas oublier la recherche mais je cherche encore (ouuuu le jeux de mot qui tue ><)

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Hors ligne Thaledric # Posté le 16/08/2010 à 15:08:56
Avatar

Ville : Pont du château
Pays : France métropolitaine

C'est bien fait.

Bon c'est tout blanc, mais bon c'est le but alors je ne vais rien ramener...

Par contre, je trouve quand même qu'il y a pas mal de blancs (oh oh le jeu de mots !) en haut (titres, sous-titres).

Aussi, je pense que ce serait mieux si le design était extensible...

A part ça bien joué !

NB : T'aurais pu colorer les liens...
Édité le 16/08/2010 à 15:10:19 par Thaledric

Image utilisateur
 
Hors ligne nod_ # Posté le 16/08/2010 à 15:20:16
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

Les liens sont colorés, en joli bleu et t'as même un joli violet pour les liens déjà visité. C'est vrai que le contraste est pas flagrant.

Pour le coup des titres, c'est "normal", le html et tout pourri, c'est pas évident de différencier ces titres et les autres à l'intérieur d'un tuto ou d'un message. Sans les marges dans les messages ça fait moche, donc tant pis pour le titre de la page :p

Pour ce qui est du design extensible, le problème c'est les codes. Encore une fois l'implémentation du sdz laisse à désirer donc je suis obligé de mette une taille fixe pour que l'on puisse garder les zones de code bien lisibles avec une largeur satisfaisante. Donc je peux pas laisser la largeur du conteneur se balader comme il veut. Puis bon, là on est à 975px de largeur, sachant qu'on admet que 960px c'est la largeur optimale pour les site à taille fixe, c'est pas trop trop grave.

Si ils avaient un petit script pour redimensionner la zone de code quand on retaille la fenêtre, je pourrai faire le truc extensible.

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Hors ligne Almaju # Posté le 16/08/2010 à 15:23:31
Distributeur de sourires
Avatar

Les balises de code ont pas un class ?

Image utilisateur

Image utilisateur
 
Hors ligne nod_ # Posté le 16/08/2010 à 15:30:05
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

si, mais le overflow:auto qui permet de limiter l'affichage des codes-boulets. nécessite que la largeur du conteneur en question soit fixe (avec un taille en px, em ou autre, mais pas en %).

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Hors ligne kenny61 # Posté le 17/08/2010 à 00:04:01
Bazinga !
Avatar

Très novateur. C'est spécial mais j'aime beaucoup.

Bonne continuation.

Image utilisateur
 
Hors ligne Tiller # Posté le 26/08/2010 à 11:04:38
Seek me Elsewhere, Thanks
Avatar

Ville : Toulouse
Pays : France métropolitaine

Citation : nod_
si, mais le overflow:auto qui permet de limiter l'affichage des codes-boulets. nécessite que la largeur du conteneur en question soit fixe (avec un taille en px, em ou autre, mais pas en %).


Les overflow: auto ont toujours marchés chez moi même avec une taille en % =/
Édité le 26/08/2010 à 11:06:10 par Tiller

A time for everything and everything in its time.
 
Hors ligne nod_ # Posté le 26/08/2010 à 17:49:35
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

Test sur un design du sdz, tu va voir c'est rigolo…

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Hors ligne TerresMinees # Posté le 27/08/2010 à 00:34:51
Avatar

Je suis très impressionné par ce design, et franchement, il m'épate. Un autre design avait en gros le même objectif, mais il n'était pas très joli joli.

Celui-ci est sobre, simpliste, soigné, et t'as raison, les boutons ont dla gueule faut l'avouer.

Je te souhaite bonne continuation, et te remercie pour ce travail. Sérieusement.
Hors ligne Tiller # Posté le 27/08/2010 à 01:01:58
Seek me Elsewhere, Thanks
Avatar

Ville : Toulouse
Pays : France métropolitaine

Code : CSS
1
2
.code2, .contenu { width: 90%; }
.boite_message { width: 100%; }


Chez moi ça passe niquel avec ça nod_ :p

A time for everything and everything in its time.
 
Hors ligne nod_ # Posté le 27/08/2010 à 01:55:02
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

Déjà merci à TerresMinees, ça fait plaisir. Content que ça te plaise :)


@Tiller : c'est juste que t'as plus l'habitude ^^ passe sur cette page par exemple http://www.siteduzero.com/forum-83-553 [...] html#r5327852

pouf, t'as tout niqué. Le redimensionnement du contenu du site est laid aussi. Width 90% ? tu remarqueras que les bords des codes prennent toute la largeur disponible pour que la présentation soit harminieuse.

Bien tenté mais trop brouillon, c'est le html du sdz qui est en carton :D

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Hors ligne Almaju # Posté le 27/08/2010 à 22:08:43
Distributeur de sourires
Avatar

Poste une demande sur le tracker ?

Image utilisateur

Image utilisateur
 
Hors ligne nod_ # Posté le 27/08/2010 à 22:41:21
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

Y'en a déjà concernant l'inclusion des CSS. Mais je suppose qu'ils ramment pour régler tous ces lags, faut laisser le temps que ça se tasse, c'est pas vital pour le moment ^^

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Hors ligne supernonodunet # Posté le 28/08/2010 à 12:06:54
www.supernonodunet.fr
Avatar

Ville : Rennes
Pays : France métropolitaine
Études : INSA Rennes

très réussi ^

Mon Site Perso
000webhost.com | Le meilleur hébergeur gratuit du moment (qui accepte même l'url rewritting !)
REDemptionZ | Le design ROUGE pour le Site Du Zéro

 
Hors ligne nod_ # Posté le 28/08/2010 à 18:23:12
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

Mise à jour pour la largeur des zones de codes, merci à Tiller pour la solution :)

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Hors ligne 6pri1 # Posté le 28/08/2010 à 21:54:54
IGWT
Avatar
Flux RSS

Ville : Versailles
Pays : France métropolitaine

Il est génial ce design, mais un peu perturbant. En l'utilisant un peu je pense pouvoir donner un retour plus précis.
 
Hors ligne black banana # Posté le 29/08/2010 à 10:04:43
ancien de Newbies Paradise
Avatar
Flux RSS

Premier design correct sobre que l'on ait pour le SDZ, avant ça on bossait sur des trucs tout moches datant de la nuit des temps. C'est beau. On aimerait sur les forums le "ou j'ai posté" parce que ça permet aussi de trier l'utile de l'inutile :) .
Congrats.
 
Hors ligne Tiller # Posté le 29/08/2010 à 10:49:08
Seek me Elsewhere, Thanks
Avatar

Ville : Toulouse
Pays : France métropolitaine

Hey nod_, si ce post te gène tu me le dis et je le vires :)

J'ai fais à partir du design de nod_ un petit design pour moi, que je ne compte pas continuer, ni modifier, ni lire de critique :p

Je le met juste, si jamais il plait à quelqu'un, histoire de. Ici

A time for everything and everything in its time.
 
Hors ligne nod_ # Posté le 29/08/2010 à 10:55:39
ninjavascript
Avatar
Groupe : Anciens

Ville : Lille
Pays : France métropolitaine

Merci black banana :)

@Tiller non ça me gene pas, mais bon, présenter comme ça j'suis pas sur que ça encourage beaucoup :p

Dans le doute, faites pas de Javascript.
Bonnes pratiques javascript !

 
Hors ligne black banana # Posté le 29/08/2010 à 12:47:49
ancien de Newbies Paradise
Avatar
Flux RSS

Donc tu veux des idées d'intégration des boutons? Je me sens pas le courage de forker, en plus j'ai pas mal de boulot itout... Par contre je peux t'aider à rendre le forum vivable sur main :) .
 
Hors ligne TerresMinees # Posté le 29/08/2010 à 17:13:30
Avatar

Par contre ca serait pas mal de pouvoir retrouver les éléments supprimés dans un gros bloc fourre-tout. C'est un peu dommage de ne pas pouvoir faire de recherche ou de savoir si j'ai reçu un message privé.

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

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