• 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

Tranches de vie par Thanh

Voir en ligne http://www.tranches-de-vie.com

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 5.920/10

Commentaires

juliegri
27 Septembre 2010 à 18h56

Les photos sont bien mises en valeur via le diaporama ! J'aime beaucoup.
Ce serai plus sympa si on pouvait directement cliquer sur les photos (rubrique "galeries"), sinon c'est bien ;-)

audrasjb
27 Septembre 2010 à 21h38

Thanh, tes photos sont su-per-bes :)
Point noir (amha) : ton pied de page, qui ne me parait pas très heureux. Surtout en ce qui concerne les listes. La colonne de gauche est bien trop près du conteneur principal.

La rubrique questions/réponses est parfait au niveau com'. Quelques fautes de frappe (sur d'autres pages aussi) et une mauvaise gestion du centrage, mais rien de grave non plus ;)

iManu
28 Septembre 2010 à 09h34

Très sympa, léger, poétique. Même remarque sur le pied de page mais c'est perfectible, pas de soucis.

sogam
28 Septembre 2010 à 10h08

Je pense qu'il y a encore du travail à faire sur ta refonte:

comme avoir une meilleure hiérarchisation du contenu,
avoir des titres qui ressorte bien,
peut-être s'inspirer d'un système de grille comme 960grid,
enlever le rose des liens parce qu'on est plus attiré par ça que le reste,
pourquoi pas utiliser une belle typo avec le nouveau système des @font-face?
mettre des icônes médias un peu moins visible, genre une opacity à 0.5

voilà quelques pistes.

sogam
28 Septembre 2010 à 10h08

et enlève le centrage de texte dans ta partie questions réponses

Laurie-Anne
28 Septembre 2010 à 13h23

Bonjour,

L'ancienne version était déjà superbe et cela reste le cas avec la refonte.

J'ai par contre un sentiment de "pas tout à fait fini" au niveau de la mise en page des contenu textuels : il manque un peu d'espace autours des textes (trop proche des bordures gauche-droite).

Les liens du footer n'ont tout simplement pas l'air mis en forme :/

Il manquerait également un effet de survol sur les liens du menu principal.

Toniob
28 Septembre 2010 à 14h22

Ai-je besoin de commenter ?

Thanh
28 Septembre 2010 à 17h10

Merci à toutes et à tous pour vos critiques. Vous êtes dans le vrai, je n'ai pas d'excuses et grâce à vous je sais exactement vers quoi m'orienter en premier pour les mises à jour de cette version et même pour la V3 avec les grilles éprouvées pour la structure de contenu.

MERCI.

rionma33
29 Septembre 2010 à 10h16

Niveau design : je n'approuve pas trop les liens jaunes quand on est en version noir, mais c'est perso !
Nan, sinon c'est franchement joli, de très belles photos bien mises en valeurs.
Il manquerait peut-être un travail sur les espaces et surtout sur la typo =) Je trouve que celle que tu as choisie ne se marie pas avec le thème du site (il faudrait quelque chose de plus élégant, et peut piocher dans des polices sérif ^^)
Mais j'aime beaucoup =)

Shokojjo
01 Octobre 2010 à 16h22

Joli design, un petit travail sur le contenu et cela rendrait très bien! ;)

Tom

vectorskin
01 Octobre 2010 à 20h31

Hello,
Je pense que iManu à trouvé le mot juste en disant que c'est poétique. Le site est agréable à parcourir et il fait rêver... J'ai passé un très moment à le parcourir, merci.

designer1959
05 Octobre 2010 à 22h05

La première impression est celle d'une force sereine qui se dégage. Le site centré, quand il est réussi, est bien meilleur que ceux qui s'étendent de façon illimitée. Le raffinement du titre, la proportion du diaporama, la douceur de la version en banc, tout cela est très bien.
Typo/
Ce genre de site appelle une typographie très étudiée et ce n'est hélas pas le cas, je rejoins toutes les remarques critiques à ce sujet, le centrage à proscrire ! Veiller à ne pas utiliser la totalité de la largeur pour les textes, mais à marger de façon à produire une meilleure esthétique et une lecture plus confortable. Beau portait de l'auteur en violet, mais attention à l'effet de moirage sur le fond gris !
Texte /
Des maladresses sur le texte qui me semblent mal accordées au raffinement de l'ensemble : " vivez l'expérience du noir " hum… Et encore " Je suis spécialiste des photos de grossesses et de nouveaux nés " en guise de slogan me paraît peu raffiné, cette spécialité peut et doit être mentionnée, mais je la formulerai autrement et surtout, pas à cette place sur le site.

Reste que j'aime ce site, certaines des photographies, et que je pense qu'il réclame un peu plus de soin pour certains aspects.

Thanh
05 Octobre 2010 à 22h31

Merci à toutes et à tous, j'ai matière pour améliorer le site en terme de présentation et de contenu.

Je laisse en l'état jusqu'à la fin du concours.

A bientôt.

Nico3333fr
11 Octobre 2010 à 22h30

Très sympa ce site... qq petites optimisations à mener (compression gzip, javascripts à réunir, etc.) mais globalement, une bonne réalisation !

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/