Element'Style #4 - Shoki et Onyx gagnants

Bon, comment ça marche un sondage... *se tire les cheveux*

Il n'y a pas eu beaucoup de participants, mais ceux qui ont essayés m'ont l'air d'avoir fait de magnifiques codage, alors venez voter en nombre ^^

Shoki
PA n°1 :


PA en action !

code:

Onyx
PA n°2 :


PA en action !

code:

Félicitations aux deux participants !

J'ai voté pour la seconde. Les deux sont sympas mais je trouve que les différents éléments de celle-ci sont plus harmonisés.
Sur la première, je ne suis pas fan du fait d'avoir contexte sous une image ronde alors que tout est avec des coins carrés à côté même si les effets sont cool et marchent bien. Et unetit truc aussi mais qui tient plus du graphisme : on voit pas trop le mot "Contexte" sur l'image. Voilà, j'ai surtout choisi pour le côté cohérence des formes :)
Pour la première, ce que je changerais c'est l'espace entre les liens utiles. On se retrouve rapidement avec une scrollbar alors qu'il y a beaucoup d'espace vide. Et je me demande si on pourrait pas avoir une couleur plus pastel que le blanc en fond un peu transparent au survol. Mais c'est les seuls points que je vois à améliorer

J'ai également voté pour la deuxième. J'ai eu du mal à faire mon choix, mais c'est le style plus unis de la PA qui ma charmer ^^.

Alors voici mes commentaires sur les deux créations qui sont très jolies :)

Première création : J'aime bien le choix des couleurs pour la St-Valentin. C'est d'ailleurs la première qui a attiré mon attention. Le petit fond utilisé pour les icônes et le contexte est sympa également. Juste un petit bémol sur la couleur des liens (rose pétard), ça ne colle pas trop. J'aurais plus vu une couleur plus naturelle et foncée. Ensuite, ce qui casse un peu cette PA c'est le contexte au centre qui est dans une forme ronde. L'effet est très sympa dessus mais le fait que ce rond soit entouré de carrés donne un rendu un peu bizarre :) (Même si c'est très bien tenté d'avoir essayé de mélanger les formes)

Deuxième création : L'ensemble est plutôt bien harmonisé dans sa structure. Je suis un peu gênée avec cet arrière plan mais ça c'est un goût purement personnel. J'aime bien également le choix des images qui essayent de correspondre à chaque titre. Les images parlent beaucoup d'amour même si il n'y a pas de coeur dessus. J'ai beaucoup aimé les petits effets qui ont été appliqués sur chaque catégorie. Mention spéciale pour les roses qui changent de couleur dans l'onglet Top site (moi et mes yeux de "fausse" débutante oooooh c'est zoliiii *_*) Si je devais faire des remarques pour l'amélioration, je dirais que l'écriture du contexte fait vraiment kishé. Ca fait un gros pavé qui prend toute la place et serait pas très agréable à lire, en plus des espaces (sûrement avec justifier). Peut être espacer les paragraphes ou appliquer des marges ?

Mon vote ira alors pour la création 2.

Bravo aux deux participants ! :)

Je vais être honnête : visuellement, aucune des PA ne me plaît. Le thème était très intéressant (et si j'avais eu le temps, j'aurais bien participé), mais je trouve que remplacer les coeurs par du rose ou des images cuculs, c'est un peu choisir la facilité xD

Sur la première PA, je trouve la structure peu harmonieuse, avec un énorme cercle et des blocs autour… Ca aurait été plus cohérent que ces blocs « habillent » le cercle central , soit en suivant ses courbes, soit en choisissant une disposition différente. Cela dit, il me semble évident que tu maîtrises le CSS, avec des effets bien gérés au survol.

Sur la deuxième PA, je n’aime pas du tout le fait que TOUS les blocs doivent se lire au survol xD Je trouve ça peu pratique et absolument pas mobile-friendly, même si c’est vrai qu’à la base, les forums sont optimisés pour les ordis et non les téléphones. Toutefois, tu maîtrises bien ton code et même si ça reste très simple, c’est propre et efficace.

J’ai choisi la création d’après l’écriture du code et absolument pas l’esthétique et l’apparence, du coup o: Pour moi, l’usage du table dans la PA n°1 est impardonnable x) (je plaisante, hein, c’est juste que c’est un peu dépassé, comme usage) Du coup mon vote va à la création N°2 !

Merci pour vos participations et bravo à vous en tout cas :3

Hello ici :)

Pour ma part je vais plutôt voter sur du visuel, la PA 1 le cercle entouré de blocs ne m'a pas choquée par contre l'effet au survol est un peu "violent", trop rapide peut être ?
Après effectivement des blocs moins marqués auraient été plus jolis.

La seconde est trop chargée à mon gout, tout se lit au survol, il y a énormément d'images, plus une encore en fond global...Bref pour moi ça fait trop lourd, surtout si on l'imagine sur un forum avec donc un design autour

Mon vote va donc à la première PA pour ma part.

Les votes sont terminés \o/

Pourtant, on a deux gagnants

Alors la gagnante, en tant que seule personne qui a participé dans les temps, est Shoki, félicitation à elle, elle gagne 6XP pour sa victoire et 4XP pour sa participation ♥

Quant à la participation 2, celle qui a eu le plus de votes, c'est la mienne, mais je l'avais à la course après la fin du délai alors disons que ça compte juste à moitié. Je trouvais ça nul que Shoki n'ait pas d'adversaire et j'aime bien qu'il y ait des commentaires qui soient faits pendant les votes, c'est constructif, alors voilà u_U

Mais mais mais mais non fallait paaaaas ;-; *meurt* Mais je suis contente d'avoir gagnée, même si je m'attendais à perdre x) Après je trouve que ce n'est pas une vraie victoire u_u

Perso je trouve pas ça choquant le rond avec des carrés, même si j'aurais pu faire un effort pour harmoniser, c'est sûr u_u Mais à cause de mon problème d'image j'ai pris du retard et j'avais peur de ne pas finir à temps du coup voilà ;-;

Neva a écrit:
Pour la première, ce que je changerais c'est l'espace entre les liens utiles. On se retrouve rapidement avec une scrollbar alors qu'il y a beaucoup d'espace vide.

J'ai pourtant fait en sorte qu'il n'y ai pas de scrollbar qui apparaisse sauvagement comme des Pokémon J'aurais aussi pu mettre un autre couleur pour le blanc au survol, c'est vrai x) Mais dans la précipitation j'ai oublié de la changer ;-; (On sent ma manière de coder arriver /PAF/)

Elenthil > .... Les liens en fait j'ai pris une couleur au hasard et c'est tombé sur l'espèce de mauve u_u Sur mon forum-test, la couleur des liens d'origine c'est un bleu dégueu avec au survol un orange dégueu :\ Je sais pas si ça aurait été mieux x3

Awful > J'adore balancer des effets comme ça à tout va /PAF/ Et désolée pour le tableau, je me suis rabattue sur la facilité, il faut que je perde cette habitude T-T Malheureusement, si on entend la même chose par "habiller le cercle", ça n'aurait pas été possible xD Je sais pas comment je m'y serait prise et je pense pas avoir le niveau pour ça ><

Bref, je vais tenter de corriger mes petits défauts lors de mes prochains codages :) Surtout le problème des tableaux ;-;

Voilà c'est tout ce que j'ai à dire Fin je crois avoir d'autres choses à dire mais je vais m'arrêter là u_u
Merci pour vos commentaires et pour vos votes :) Et pour les XPs évidemment j'ai pas bien compris le système mais c'est pas graaaaaaaave 8DD /PAF/

PS : ça a choqué personne que j'utilise uniquement des class alors que j'aurais pu mettre des id sur certaines parties ? °-°" J'ai oublié de changer ça en codant u_u"

Bravo aux gagnantes

Je viens de regarder en effet les class et il me semble avoir appris qu'il valait mieux utiliser des id pour des parties qui ne se répétaient pas xD

Désolé, en regardant vos créas j'ai regardé juste la structure et les effets en négligeant la partie codage (et pourtant c'est important ça aussi x_x), ça ne se reproduira plus (enfin quand mon niveau sera meilleur <<)

Bravo à toutes les 2 <3

Shoki a écrit:PS : ça a choqué personne que j'utilise uniquement des class alors que j'aurais pu mettre des id sur certaines parties ? °-°" J'ai oublié de changer ça en codant u_u"

Elenthil a écrit:Je viens de regarder en effet les class et il me semble avoir appris qu'il valait mieux utiliser des id pour des parties qui ne se répétaient pas xD

En fait non, il n'y a pas de "recommandation" d'utiliser des id pour les parties qui ne se répètent pas
Par contre, si un élément est présent plusieurs fois sur une page, pas d'id, il doit être présent qu'une seule fois par page :)

Le poids d'une classe et d'un id n'est pas le même, c'est expliqué dans ce tuto de Manumanu => Principe du CSS : Le poids des déclarations, c'est pour ça qu'en général je privilégie les classes aux id pour le style ^^

Enfin bon, tout ça pour dire que tu n'as aucune "obligation" de privilégier un id à une classe ici :)