Votre avis

B'soir
Bon, je me suis drolement embetté ce soir (pourtant j'ai sérieux du travail à faire), et je me suis remis sur la future nouvelle version du site. Les idées de design commence à venir, mais je fais soumission de la situation pour des avis/critiques.
PS : y'a encore beaucoup de travail dessus, vous affolez pas :p

Désolé pour le petit format, c'est prévu pour être au final adapté aux écran 1024, et surement d'autres versions pour petit ecran et grand ecran (et oui, l'avantage du vectoriel c'est qu'il y a pas besoin de se retaper tout les dessins sous peine de déformation à l'agrandissement/réduction)

PNG
JPG pour ceux qui auraient des soucis avec png

Au passage, j'ai des soucis apparement à l'export depuis inkscape vers le format png, ou je l'application bugue et au bout de 5 minutes je n'arrive toujours pas à exporter mon graphisme, ca tourne dans le vide. le png présenté ici fait suite a une copie d'ecran, mais impossible d'exporter depuis inkscape --> si vous connaissez l'application et avez des idées pour y remédier (peut être mon graphisme est trop lourd)

34 réponses

Résumé de la discussion

Plusieurs discussions portent sur refonte de la version du site et des choix de design, avec une contrainte de format 1024 et l’avantage du vectoriel pour éviter les déformations. Des difficultés d’export Inkscape vers PNG compliquent le prototypage graphique: le processus peut tourner en boucle après minutes, et des idées pour alléger le graphisme ou contourner le souci. Plusieurs échanges évoquent l’optique CSS et le découpage des éléments en images séparées plutôt que des SVG lourds, avec des bannières en PNG et GIF pour alléger le poids et faciliter le positionnement. En parallèle, des tests prévus sur différentes résolutions et navigateurs, dont IE7 et Firefox, orientent les choix de mise en page et d’alignement sans dépendre d’un consensus immédiat.

Bobot (l’IA à votre service)
  1. Contributeur
    tu parles des 2 pixels presque juste à la jonction des bordures verticales et horizontales ?
    le probleme vient effectivement du passage au bitmap... en vectoriel, le tracé est parfait. j'y reviendrais dessus en colorisant les deux pixels qui déconnent (mais franchement, c'est pas la priorité)
    1. Sur air un bien connu,... Salut les copains,

      Bon, j'ai enfin pu grâce à Grizzly, me réinscrire sur son site. Moi je le dis haut et fort, une MERVEILLE.

      Maintenant, je vais couper les cheveux en... 16 ! Je regrette le manque de finesse des arrondis (tiens cela me rappelle une certaine discussion...), je les trouve "hésitants". Je reconais là la difficulté à faire correspondre l'épaisseur des arrondis avec les lignes "border". Exercice difficile.

      L'idéal serait peut-être de pouvoir utiliser la balise fieldset pour obtenir les arrondis; mais comment ?

      Et si au lieu de border, on utilisait une image "cadre" avec les arrondis et autres motifs voulus et enregistrés en png dans une div particulière ? Ou simplement un arrondi avec le démarrage des border pour permettre l'élasticité du cadre et un meilleur ajustement ?

      Je creuse, je creuse...

      Internet ne vaut que s'il est partagé ...
      Jacques
      1. Contributeur
        salut Jacobéo, salut tout le monde !

        que veux tu dire par "le manque de finesse des arrondis" ?
        qu'ils sont mal définis ?
        c'est à dire avec des pixels "polluants" ?

        ça peut venir d'Inkscape. le problème avec les logiciels vectoriels c'est qu'ils sont trop précis.
        si tu ne fais pas gaffe, il y a pas mal de déchets dans le rendu en bitmap.

        je m'explique. si dans Inkscape le cadre de Gryzzly mesure par exemple 120,457px, au moment de l'export, les pixels partiels sont interprétés pour être rendus en bitmap. donc au lieu d'un pixel de couleur net pour la bordure il peut t'en mettre 2 voir 3 en dégradé.
        d'où un effet d'aliasing.

        enfin je crois car je ne fonde mes propos que sur ma propre expérience, pas sur des connaissances formelles. donc si quelqu'un à un avis mieux renseigné sur la question : je prends !!!
    2. Contributeur
      lol, possible.. c'est sans doute que j'ai déjà inclus dans la page les infos concernant la validation par mail mais que le service n'ets pas encore en place !

      Pour la marge, on va voir ce qu'on peut faire... c'ets vrai que c'est pas très joli... mais c'est qu'il peut arriver que le menu soit plus long que le contenu, dans ce cas on s'en rend pas compte (exemple : http://marmottemanu.free.fr/share/ccm/ms.org/CettePageExistePas.php ) ... a voir comment je regle le probleme, on va y reflechir (ptet un div vide de 15px en footer)
      1. Contributeur
        salut,

        ça roule pas mal !!!
        y a juste la marge en bas qui est mangée par FF, du coup le footer colle à la barre de défilement.
        pour le reste, comme sur du billard même en cas d'erreur de saisie ; avec le mail et tout et tout !
        par contre je suis un peu déstabilisé (me faut pas grand chose !) par la répétition des consignes quand tu confirmes l'inscription ou l'envoi du mail. j'ai cru un instant que je m'étais planté.

        à plus et bonjour aux marmottes !!!
        1. Contributeur
          - Son pseudo : ****
              - Son E-mail : *****@****.**
              - Son site :  
              - Objet du message : IE 7 
              - Message : 
           sur IE 7 c est bon 


          Apparement tout va bien :-) (tu étais Loggué lorsque tu l'as envoyé ? - normalement qq'un de loggué devrait avoir les champs principaux remplis automatiquement)

          Donc j'vais pouvoir mettre en place la validation par mail pour la zone membre... là c'est du corriace :-)
          1. Contributeur
            :-), j'ai trouvé Jacobéo aussi, que je salue au passage...

            Et tu as testé en "oubliant" des infos (pas de mot de passe, pas de mail, etc...), en nouvelle inscription avec des infos pareilles, etc... si tu as le courage, ce serait génial!
            1. Bonsoir Grizzly,

              De gros problèmes que je ne comprends pas avec la machine. Mon pseudo n'est pas reconnu !? Je ne peux donc pas te rendre visite, GRRRR...

              Peux-tu effacer que je recommence ?

              J'a mis une interdiction sur tous les cookies, et même ici, je rencontre des difficultés. Trop de trucs inutiles dans ma machine m'on obligé à cela. Pour l'instant j'ai entr'ouvert... mais rien ne change, c'est bloqué chez moi?

              Jacques
            2. Contributeur
              @JacobéoSalut Jacobéo, j'ai répondu sur ton mail.

              Vérifie ce que je t'ai indiqué dedans. Si ca ne marche pas, je supprimerais le compte pour que tu le recrées.

              J'attend des nouvelles !

              PS : ca vient pas de cookies, j'en ai pas... je travaille avec une session (je pense pas que ca créé un cookie en meme temps)

              --- edit ---
              tu t'es inscris avec Jacobéo (accent) pas avec Jacobeo (sans accent) --> je suis quasi sur que ca vient de là. jvais me depecher de mettre en place la validation par mail, comme ca jsuis sur que la personne récupère ses identifiants avec lesquels il s'est inscrit.

              SI c'est pas ca, previens...
          2. Contributeur
            ooops. ma faute...

            lol, merci pour les captures... mais en fait je parlais pas de ça :D me suis mal exprimé.

            besoin de testeurs sur la zone membre / login / inscription / contact ... il m'a semblé toruver un problème avce IE7, mais je vous laisse tester pour voir comment vous réagissez par rapport à son utilisation (c'ets moi qui l'ai écrit donc je sais comment il fonctionne...) et d'éventuels problèmes de boites de saisies ou erreurs sql (j'ai peut être oublié certaines conditions de validation)
            1. Contributeur
              hop! up! des testeurs IE7 et mozilla svp... pour tester les différents scripts mis en place.
              Ca commence à prendre forme tout ça !

              adresse ici
              1. Contributeur
                nouvelle adresse car début du codage php
                Avis toujours bienvenus !
                1. Contributeur
                  bah non, en fait c'est pas la fatigue.. je trouve pas :'(
                  1. Contributeur
                    Bon, jsuis bloqué pour de vrai cette fois... je dois positionner un calque transparent sur le "design EH" en bas a droite, qui est appelé par un <a href>, de la même dimension que l'image en dessous, de facon a ce qu'au survol, j'affiche exactement au meme endroit l'image colorée de "design EH".

                    Ben j'ai essayé plein de choses et rien.

                    Autant j'y suis arrivé pour le "EH" en haut a gauche dans la banniere car c'est positionné en absolu... autant la...

                    ptet la fatigue.

                    bonne nuit
                    1. Contributeur
                      le scroll, je sais pas encore... faudra faire des tests, et je pense qu'il faudra que je mette aussi un z-index (2) aux annonces, mais pour l'instant, j'optimise pour firefox, on verra les autres après.

                      la 2eme ad, en bas de page ? c'est normal... même si elle n'est pas encore positionnée. si c'est ailleurs, préviens moi...
                      1. Contributeur
                        un truc bizare !! sous opera j ai l espace ad google haut qui scroll avec la page quand j utilisz la molette
                        !! et je vois une 2 eme ad ??
                        Les Marmottes
                        €500 cashback when purchasing a leaseback apartment in


                        RAD
                        1. Contributeur
                          C'est bon, j'ai trouvé ... z-index: 1; pour le menu rapide...
                          1. Contributeur
                            Déjà, les réponses...

                            Arf, oui je crois comprend pourquoi tu as pas reussi, je me suis peut etre mal exprimé.

                            Quand je parle de joouer de la molette, ce n'est pas pour faire défiler la page de haut en bas... mais en réalité, sous FF, quand on fait CTRL + molette, ca modifie la taille de police !

                            C'est a ca que je pensais en disant jouer de la molette, pour modifier la taille des polices, qui entraine un certain comportement selon la hauteur des blocs.

                            Ca ira peut etre mieux maintenant...

                            Pour l'adresse, c'est la bonne. Pour la favicon, c'est un gif ! (t'aurais pu le voir dans le code source :p

                            Ensuite et enfin, les questions :

                            J'ai un soucis avec ma zone de navigation rapide, les 7 icones fixes... sous FF, il ne se passe rien du tout, pourtant c'est bien configuré.
                            Sous IE, j'ai pas compris comment ca réagissait...

                            Si vous aviez une idée, je prend !

                            <-edit->
                            en fait, j'ai compris... mais j'arrive pas a appliquer... le truc, c'est que j'appelle la zone de navigation dès le début de page... mais si je l'appelle a un autre moment, y'a un bug des annonces google qui sortent de leur cadre lors du scroll, donc c'est moche.

                            si je met cette zone de navigation en dehors de la page (a 10px a gauche), les liens fonctionnent. si je les mets dans la bordure que j'ai laissé exprès, les images sont "recouvertes" par mes autres div que j'appelle après.

                            --->> il n'y aurait pas une propriété poyur dire : "toujours au dessus" ????

                            Je vous met le test en ligne avec les deux zones, a gauche de la page qui fonctionne, a gauche de la zone memebre et menu qui fonctionne pas...

                            A pluche !
                            1. Contributeur
                              hey! avis UHT ! Ultra Haute Timportance :p

                              dites moi ce que vous pensez de la facon dont j'ai concu la page (faites jouer la molette de la souris)... en l'occurence, la facon dont le bloc principal réagit par rapport à la zone membre, ce qui me permet de conserver le menu principal toujours en face du contenu

                              ca vous choque ?

                              garderiez vous ca, ou alors est ce que vous conserveriez l'article fixe par rapport aux annonces, et le menu principal qui se déplace selon la taille de la zone membre...

                              j'espere que je suis clair...

                              PS: hésitez pas a jouer avec la molette plus que d'ordinaire pour bien voir ce qu'il se passe
                              1. Contributeur
                                salut,

                                ben là, je comprends pas trop !
                                pourtant j'ai lu et relu plusieurs fois…
                                -;o)

                                j'ai fait jouer la molette à mort pour aller rechercher l'adresse plus haut sur le thread (lol).
                                c'est bien là :
                                http://marmottemanu.free.fr/share/ccm/ms.org/index.html ?

                                je suis passer en 1024 de large pour pouvoir faire jouer la molette et rien ne se passe. tout reste identique, bien figé à sa place.
                                en 800 je ne peux pas je n'ai plus la pleine largeur de la page.

                                vais aller me coucher je comprendrai peut être demain…

                                <edit>ta favicon elle est en quel format ?</edit>
                                <edit>pour moi l'article est direct à hauteur du menu et n'en bouge pas, moralité de l'espace libre entre l'article et la pub…</edit>
                            2. Contributeur
                              SALUT

                              looool oui c est moi !! j avais oublier que j avais passe la police + grande sur IE! :o

                              par contre tout a fait pour le 'em' pour les polices du texte central au moins !!

                              une petite suggestion ! rien d exceptionnel !! mais le sigle wc3 n est vraiment pas adapte a ton site !! on dirais une verrue :-)) le bleu passerais mieux ! il sont vraiment moche ces logo wc3

                              RAD
                              • 1
                              • 2