3246 sujets
Critiques de vos sites: code et design
Sympa ce site ! 
Le footer me semble mieux ainsi. Pas fan du fading transparent sur les pictos en hover. Tester avec le rouge brique du menu en hover (sans fading)?
J'aimais bien la police script sur les gros titres. Je trouve qu'elle collait bien au sujet. Mais bon, là ça passe.
http://img11.hostingpics.net/pics/474522Capturedecran20160627a212503.png
Un site frais, très illustré, didactique…
J'aime beaucoup le fond peint avec les papillons, vous avez trouvé ça où ?
J'aime les fonds qui changent en fonction des rubriques, ça rend le site plus frais et vivant.
Il y a des ombres sur presque tout. Celle sur le container est-elle utile ? Pas sûr. Ou peut être sur les photos ?
Le panneau de chantier pour les pages en construction, je trouve ça gênant. À terminer avant de communiquer sur le site. Au moins, essayer de rester raccord en mettant un dessin de chenille (dans le panneau à la place de l'ouvrier). Pour la dessiner, un zigouigoui en forme de zigzag sur photoshop… et le tour est joué.
Sur certaines pages, notamment dans la version mobile, il y a des restes de Times (rectangles FORUM, FACEBOOK, MAIL… ). Sur les pages avec peu de contenu, sur mobile le footer atterrit au milieu de la page : placer le footer toujours en bas sur smartphone pour simplifier la mise en page (pas en fixed, pour ne pas réduire l'espace vertical)?
La police MENU du burger icon est plus grasse que la police du sommaire : à unifier.
Des erreurs de typographie. En typo française, une espace avant un double point (c'est bon). En typo anglaise, pas d'espace avant un double point (là c'est faux). Sur la version anglaise, on a encore 36 pictos sociaux (à unifier).
La déclinaison sur la partie forum me semble relativement propre, même si certains textes foncés sur vert foncé peuvent manquer de lisibilité (les passer en clair ?).
L'emoticon est simple mais la chenille en arrière plan est peu lisible. Pourquoi pas un point d'interrogation sur fond vert avec la forme du point d'interrogation en zigzag, pour imiter une chenille (simple à réaliser). Ce symbole pourrait même devenir votre mascotte (à gauche de l'accueil, sur les panneaux travaux, en auto collant… ).
Je vote pour le avant/après si vous avez des captures de la première version. Ainsi, les lecteurs intéressés qui découvrent le sujet pourront suivre l'évolution et en tirer profit !
Modifié par spongebrain (27 Jun 2016 - 21:27)
Le footer me semble mieux ainsi. Pas fan du fading transparent sur les pictos en hover. Tester avec le rouge brique du menu en hover (sans fading)?
J'aimais bien la police script sur les gros titres. Je trouve qu'elle collait bien au sujet. Mais bon, là ça passe.
http://img11.hostingpics.net/pics/474522Capturedecran20160627a212503.png
Un site frais, très illustré, didactique…
J'aime beaucoup le fond peint avec les papillons, vous avez trouvé ça où ?
J'aime les fonds qui changent en fonction des rubriques, ça rend le site plus frais et vivant.
Il y a des ombres sur presque tout. Celle sur le container est-elle utile ? Pas sûr. Ou peut être sur les photos ?
Le panneau de chantier pour les pages en construction, je trouve ça gênant. À terminer avant de communiquer sur le site. Au moins, essayer de rester raccord en mettant un dessin de chenille (dans le panneau à la place de l'ouvrier). Pour la dessiner, un zigouigoui en forme de zigzag sur photoshop… et le tour est joué.
Sur certaines pages, notamment dans la version mobile, il y a des restes de Times (rectangles FORUM, FACEBOOK, MAIL… ). Sur les pages avec peu de contenu, sur mobile le footer atterrit au milieu de la page : placer le footer toujours en bas sur smartphone pour simplifier la mise en page (pas en fixed, pour ne pas réduire l'espace vertical)?
La police MENU du burger icon est plus grasse que la police du sommaire : à unifier.
Des erreurs de typographie. En typo française, une espace avant un double point (c'est bon). En typo anglaise, pas d'espace avant un double point (là c'est faux). Sur la version anglaise, on a encore 36 pictos sociaux (à unifier).
La déclinaison sur la partie forum me semble relativement propre, même si certains textes foncés sur vert foncé peuvent manquer de lisibilité (les passer en clair ?).
L'emoticon est simple mais la chenille en arrière plan est peu lisible. Pourquoi pas un point d'interrogation sur fond vert avec la forme du point d'interrogation en zigzag, pour imiter une chenille (simple à réaliser). Ce symbole pourrait même devenir votre mascotte (à gauche de l'accueil, sur les panneaux travaux, en auto collant… ).
Je vote pour le avant/après si vous avez des captures de la première version. Ainsi, les lecteurs intéressés qui découvrent le sujet pourront suivre l'évolution et en tirer profit !
Modifié par spongebrain (27 Jun 2016 - 21:27)
Merci spongebrain pour tes remarques encourageantes ! 
Quels gros titre ?
Dans mes photos prises dans une serre aux papillons. (J'ai hésité à l'utiliser pour les droits d'auteur...)
Simple c'est vite dit. Moi quand je dessine ça ressemble à ça
Il faut encore que j'unifie les versions anglaise et allemande et que je retravaille le forum. En plus de toutes les choses que tu me remontes.
ça faisait presque 1 mois que je n'y avait plus touché. J'en ai profité cet aprèm entre 2 clients pour bosser un peu dessus.
Modifié par vinula (28 Jun 2016 - 09:58)
a écrit :
J'aimais bien la police script sur les gros titres.
Quels gros titre ?
a écrit :
J'aime beaucoup le fond peint avec les papillons, vous avez trouvé ça où ?
Dans mes photos prises dans une serre aux papillons. (J'ai hésité à l'utiliser pour les droits d'auteur...)
a écrit :
Pourquoi pas un point d'interrogation sur fond vert avec la forme du point d'interrogation en zigzag, pour imiter une chenille (simple à réaliser).
Simple c'est vite dit. Moi quand je dessine ça ressemble à ça
Il faut encore que j'unifie les versions anglaise et allemande et que je retravaille le forum. En plus de toutes les choses que tu me remontes.
ça faisait presque 1 mois que je n'y avait plus touché. J'en ai profité cet aprèm entre 2 clients pour bosser un peu dessus.
Modifié par vinula (28 Jun 2016 - 09:58)
Re,
Tant pis pour la mascotte/favicon, ce que je vous disais était plus simple à faire que le dessin que vous montrez. Le point d'interrogation en script ci dessous, un peut en zigzag (comme une chenille en ombre chinoise), et c'est plié.
Concernant la police des titres, je ne vois pas comment être plus clair. Sur vos captures, vous affichez cette police :
http://img11.hostingpics.net/pics/474522Capturedecran20160627a212503.png
Mais en réalité sur mac j'ai ça (Chrome) :
http://img15.hostingpics.net/pics/865880Capturedecran20160628a065540.png
Il y a un problème. Aussi sur iPad où le texte n'est même pas centré verticalement et on voit que ce n'est pas super optimisé. Pour tester, pous pouvez aller dans "Inspecter" sur Chrome (clic droit) et simuler l'affichage sur iPad et mobiles (attention, le cadrage est un peut moins serré sur les fonds que ce qu'ils affichent).
Sur iPad en version horizontale, et surtout verticale, la taille des éléments est un peu trop grosse (sauf les photos). Dans les media queries en dessous de 1024px de large, vous pouvez prévoir un format plus condensé optimisé pour les petits écrans comme les tablettes (sans afficher la mise en page smartphone encore plus condensée) ? Ainsi ça évite de scroller sur les pages pour afficher une moitié de footer.
Il y a pas mal de travail dans l'optimisation des versions mobiles, mais vous êtes sur la voie.
Pour vos captures d'écrans avant / après, faites une mise à jour sur le premier post pour expliquer votre démarche et enlevez les liens publicitaires (à copier dans le code ci-dessous (citer)) :
Avant :
http://img15.hostingpics.net/pics/564956351906avant.png
Après :
http://img15.hostingpics.net/pics/991592350130apres.png
Modifié par spongebrain (28 Jun 2016 - 07:28)
Tant pis pour la mascotte/favicon, ce que je vous disais était plus simple à faire que le dessin que vous montrez. Le point d'interrogation en script ci dessous, un peut en zigzag (comme une chenille en ombre chinoise), et c'est plié.
Concernant la police des titres, je ne vois pas comment être plus clair. Sur vos captures, vous affichez cette police :
http://img11.hostingpics.net/pics/474522Capturedecran20160627a212503.png
Mais en réalité sur mac j'ai ça (Chrome) :
http://img15.hostingpics.net/pics/865880Capturedecran20160628a065540.png
Il y a un problème. Aussi sur iPad où le texte n'est même pas centré verticalement et on voit que ce n'est pas super optimisé. Pour tester, pous pouvez aller dans "Inspecter" sur Chrome (clic droit) et simuler l'affichage sur iPad et mobiles (attention, le cadrage est un peut moins serré sur les fonds que ce qu'ils affichent).
Sur iPad en version horizontale, et surtout verticale, la taille des éléments est un peu trop grosse (sauf les photos). Dans les media queries en dessous de 1024px de large, vous pouvez prévoir un format plus condensé optimisé pour les petits écrans comme les tablettes (sans afficher la mise en page smartphone encore plus condensée) ? Ainsi ça évite de scroller sur les pages pour afficher une moitié de footer.
Il y a pas mal de travail dans l'optimisation des versions mobiles, mais vous êtes sur la voie.
Pour vos captures d'écrans avant / après, faites une mise à jour sur le premier post pour expliquer votre démarche et enlevez les liens publicitaires (à copier dans le code ci-dessous (citer)) :
Avant :
http://img15.hostingpics.net/pics/564956351906avant.png
Après :
http://img15.hostingpics.net/pics/991592350130apres.png
Modifié par spongebrain (28 Jun 2016 - 07:28)
Bonjour !
Je comprends mieux pourquoi je ne voyais pas le fond floral : il aurait fallu que j'ai un écran beaucoup plus grand...
Quand je sélectionne une image, je préfèrerais que ce soit les autres images qui s'assombrissent et pas celle que j'ai sélectionnée...
Tout cela est sympathique... manque peut-être une petite touche de fantaisie pour rendre ce "petit glouton" plus aimable...
Je comprends mieux pourquoi je ne voyais pas le fond floral : il aurait fallu que j'ai un écran beaucoup plus grand...
Quand je sélectionne une image, je préfèrerais que ce soit les autres images qui s'assombrissent et pas celle que j'ai sélectionnée...
Tout cela est sympathique... manque peut-être une petite touche de fantaisie pour rendre ce "petit glouton" plus aimable...
Très sympa ! Bravo ! 
(J'ai regardé uniquement sur desktop.)
Attention, le fond vert de l'image avec le point d'interrogation chenille n'est pas exactement le même qu'en dessous. Du coup on voit le carré. Pour éviter cela, vous pouvez unifier les couleurs, et si vous n'y arrivez pas, mettez un fond transparent (gif ou png).
Excellent le coup de la chenille qui a grignoté la photo quand elle n'est pas encore en ligne.
Modifié par spongebrain (20 Aug 2016 - 15:13)
(J'ai regardé uniquement sur desktop.)
Attention, le fond vert de l'image avec le point d'interrogation chenille n'est pas exactement le même qu'en dessous. Du coup on voit le carré. Pour éviter cela, vous pouvez unifier les couleurs, et si vous n'y arrivez pas, mettez un fond transparent (gif ou png).
Excellent le coup de la chenille qui a grignoté la photo quand elle n'est pas encore en ligne.
Modifié par spongebrain (20 Aug 2016 - 15:13)
)
