• Aller au menu
  • Aller au contenu
  • Aller à la recherche
  • tutoriels
    • Catégories
    • actualités
    • html
    • css
    • javascript
    • responsive
    • design
    • accessibilité
    • développement
    • vue et nuxt
    • formats
    • web
    • Ressources
    • Les plus lues
    • Outils
    • Guidelines
    • Livres
    • Quiz !
    • Concours
    • Par niveau
    • Débutant
    • Confirmé
    • Expert
  • forum
    • Nouveau sujet/question
    • Catégories
    • Dernières réponses
    • Recherche
  • emploi
    • Offres d'emploi
    • Demandes d'emploi
    • Favoris
    • Poster une offre
    • Poster une demande
  • formations
    • CSS3 Expert
    • Flexbox et Grid Layout
    • HTML5
    • Vue 3
    • Nuxt
    • JavaScript
    • Accessibilité
    • Performances web
    • Intégration d'e-mails mobiles
    • Formation sur-mesure
  • S'inscrire
  • Connexion
  • Concours
  • Modalités
  • Concourir
  • Participants
  • Résultats

Cascading Style Summer Refresh 2010

Retour au concours

Portfolio de William Thibault par Wheely

Voir en ligne http://www.william-thibault.fr

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 5.800/10

Commentaires

Ariakan972
27 Septembre 2010 à 13h05

Très joli design, très soigné !

Quelques reproches tout de même :
- pas valide W3C, que ce soit l'HTML ou le CSS. :(
- quelques bugs sous IE6 (le lien contact part en dessous par exemple)
- ça manque de texte !! On sent qu'il y a du talent derrière, mais on a pas accès assez rapidement à tes compétences plus ou moins détaillées !
- Le lien vers le CV ne se lance pas chez moi (firefox)

Et puis là c'est plus une question de gout : "d'autres trucs", ça fait pas super professionnel. :D

Mais sinon, j'aime beaucoup ! Ça bouge bien, c'est fluide, clair, javascript nickel...
J'espère que tu arrangera les points du dessus, surtout au niveau du texte pour pouvoir vraiment te mettre plus en valeur !

sogam
27 Septembre 2010 à 13h43

Très joli refonte! Tu es passé des années 90 à 2010 en un design! Par contre le texte est bizarrement mis sur ta goutte d'eau est-ce volontaire? Sinon joli site web 2.0 :D

Nico3333fr
27 Septembre 2010 à 19h34

Beaucoup de bonnes idées, un graphisme plutôt sympa !

Par contre, quelques erreurs énervantes : le rechargement systématique quand on clique sur "Portfolio", quelques trucs réactifs mais qu'on ne comprend pas trop (la goutte d'eau bouge, mais je n'ai pas trop compris pourquoi et à quoi ça sert).

A perfectionner, mais très bonne impression !

cilou
28 Septembre 2010 à 15h19

Bonjour
j'aime aussi beaucoup le style du design, par contre, au niveau code, je pense qu'il pourrait être amélioré :
- images désactivées : on n'a plus grand chose à se mettre sous la dent... surtout la page contact avec ses images en background
- javascript désactivé : la page portfolio n'est pas opérationnelle
- aucun niveau de titre (hn) sur la page portfolio, il manque un h1 sur la page compétences
- lien CV : je pensais arriver sur un page... non, j'ai téléchargé un pdf, il me semble, que dans ce cas là, c'est bien de le dire (il y a une faute d'orthographe dans le CV, passionné.. il faut 2 n)

Bonne continuation :)

audrasjb
28 Septembre 2010 à 17h13

Hello,

Visuellement, ça fonctionne très bien.
Côté code :
- Les scripts devraient tous être externalisés et appelés en fin de document ;
- Beaucoup de divisions pas utiles ;
- des <b> (remplacer par la balise porteuse de sens <strong>, ou des span si c'est pas porteur de sens) ;
- penser à bien fermer les balises auto-fermantes avec un espace avant le slash ;
- tu as un appel de script après </body>, il doit se trouver avant ;
- il manque une bonne hiérarchie de titres parfois ;)

rionma33
28 Septembre 2010 à 19h56

J'adore l'effet de survol sur les bouteilles ^^ Très sympa =)

Shokojjo
01 Octobre 2010 à 16h11

Hello,

J'aime beaucoup le design, et les bouteilles sont très original! En revanche je trouve que cela manque considérablement de contenu, élément très important pour les clients ou futurs clients de ton site.

Sinon dans l'ensemble je trouve que le refresh est très bien.

pixelb
02 Octobre 2010 à 11h06

Je suis mitigé... la nouvelle version est trop "aérée" et vide à mon gout par rapport à l'ancienne. Bien entendu on peut voir le résultat d'un beau travail malgré tout

p0ulpe
03 Octobre 2010 à 00h36

Un peu trop vide pour moi, j'aime pouvoir lire au moins un paragraphe sur la personne avant de visualiser les travaux.

A part ça c'est propre et j'aime pas mal le footer.

designer1959
04 Octobre 2010 à 12h52

Tout en appréciant certains aspects du travail, je partage le " mitigé " de Pixelb, l'impression de vide, de flottement, est accentuée par ce que Shokojjo a pointé : une absence de contenus. Je trouve pas mal de choses de taille un peu trop grosse : logo, icônes, etc. Il m'a fallu un moment pour piger le truc des bouteilles pour les compétences. L'idée est géniale et drôle, mais j'ai failli dire que les bouteilles vides, ça n'engage pas trop… avant de découvrir la magie pour les remplir. Si Nico3333fr n'a pas compris l'astuce, d'autres la louperont aussi. Je pense que la goutte n'apporte rien. Au téléchargement, la page arrive dans un désordre incroyable, cela produit un effet énigmatique anecdotique, probablement pas souhaitée par l'auteur, il y a certainement moyen de remédier à cela, pour que s'affichent en premier quelques éléments prioritaires. À titre personnel, je n'aime pas le mot Créathlon ( un mixte étrange de Décathlon et Téléthon ) ni la typo script des rubriques. Lorsqu'on met un CV en ligne, conserver le format A4 est peut-être un peu commun, non ? Pourtant il y a des qualités que j'apprécie, la subtilité des gris, le footer, moins tape-à-l'œil que le reste est raffiné, et les bouteilles !

designer1959
04 Octobre 2010 à 12h53

Errata /
Nico ne mentionnait pas le remplissage des bouteilles mais la goutte.

fanchlerouge
08 Octobre 2010 à 00h12

Moi j'aime bien.

De toute façon les nouveaux sites web, c'est comme les voitures, enlevez le logo et vous ne savez plus ce que c'est.

Se démarquer c'est cool.

Wheely
10 Octobre 2010 à 15h32

Merci à tous pour vos commentaires tous aussi constructifs les uns que les autres, j'corrigerais les erreurs et checkerais la compatibilité navigateur après le concours. Pour ceux qui veulent du texte, vous pouvez consulter le blog :p (le lien est dans le footer).

Les commentaires sont clos.

 Alsacréations, un site dédié au <body> building  (Jean-Claude Vandamme)

  • plan du site
  • contact
  • formations
  • agence web
  • Retourner en haut de page

Alsacréations est une communauté dédiée à la conception de sites et applications web de qualité, grâce aux standards W3C, aux feuilles de styles CSS, aux langages HTML et JavaScript, et à l'accessibilité. Réalisé par l'agence web Alsacreations.fr · À propos et mentions légales · Données personnelles

https://www.alsacreations.com/