• 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

mademoiselle amiot par laurie

Voir en ligne http://mademoiselleamiot.com/

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 6.171/10

Commentaires

Ariakan972
27 Septembre 2010 à 15h52

Attention, il y a deux petites erreurs de rien du tout dans le CSS ! (ça se corrige en un rien de temps)
Sinon, c'est du très bon travail, code quasiment valide, joli, original...

L'affichage sous IE6 est à revoir, quelques bugs par ci par là, mais c'est arrangeable.

Bravo :)

laurie
27 Septembre 2010 à 16h14

@Ariakan972 : merci pour ce commentaire! c'est vrai que pour ie6 je l'ai un peu mis de côté et pour le reste j'ai quelques petites retouches à faire mais je m'y pencherai après le concours maintenant! :)

Nico3333fr
27 Septembre 2010 à 22h41

Qq détails :
-Ton menu qui s'affiche au survol de la souris m'a un peu surpris : ça ouvre un menu, je vois que mon curseur m'indique que je peux cliquer... j'essaie de cliquer sur la zone ouverte (pensant que ça allait m'amener à une rubrique), et rien.
-sur le portfolio, je descend tout en bas de la page, je clique sur une image... et il ne se passe rien... du moins, j'ai compris plus tard que ça changeait le contenu au-dessus, mais surfant sur un portable avec un écran wide (large mais pas haut), je n'ai pas vu le changement... une petite ancre en haut de page m'aurait fait comprendre.
-qq petites fautes d'orthographe déplaisantes (percévérante => persévérante, volontée => volonté, etc.).

Sinon j'adore, je suis ultra fan du favicon ! Le meilleur que j'ai vu à ce jour. :)
Le graphisme bien que sobre est sympa, le portfolio est pas mal aussi... je dirais que ça ne demande qu'à être perfectionné.

laurie
27 Septembre 2010 à 23h28

@Nico3333fr : Merci pour ce commentaire. :) Je pense, en revanche, qu'avant de regarder sur ton portable tu devrais d'abord regarder sur un ordinateur, surtout si la résolution n'est pas au top! il s'agit d'un accordéon pas d'un menu! ceci explique surement cela ;) Pour le reste comme je le disais plus haut, après le concours j'aurais tous le temps pour perfectionner mon site!

sogam
28 Septembre 2010 à 09h22

J'aime beaucoup ta gamme colorimétrique mais moi un ptit truc qui me dérange c'est ton menu... qui n'est pas franchement des plus visible dès le début.. Pourquoi pas le mettre en haut?

MoOx
28 Septembre 2010 à 09h38

Pas mal dans l'ensemble c'est propre.
Dommage encore une création sans HTML5 ni CSS 3
Pour les js, faut les mettre en bas de page, tu auras un réel gain de vitesse d'affichage http://developer.yahoo.com/performance/rules....

laurie
28 Septembre 2010 à 09h40

@sogam : Merci sogam! pour le menu c'est un parti pris, ca change de d'habitude & c'est probablement ca qui gène mais c'est un choix personnel!

laurie
28 Septembre 2010 à 09h42

@sogam : Merci sogam! pour le menu c'est un parti pris, ca change de d'habitude & c'est probablement ca qui gène mais c'est un choix personnel!

@TiK
28 Septembre 2010 à 14h00

Un peu déstabilisé par la navigation en effet. De plus beaucoup de contenu inaccessible si js désactivé!

Absence totale de navigation au clavier.

Peut-être un peu trop simple à mon goût dans la mise en page et le style général.

Mais ce n'est trop mal tout de même!

Bonne chance ;-)

Oh-Drey
28 Septembre 2010 à 14h57

J'aime bien. Jolies couleurs, jolies polices. J'apprécie fortement la réactivité du site vis-à-vis de la souris, cela apporte un certain dynamisme au site !
Bonne chance !

anais-id
28 Septembre 2010 à 15h28

coucou laurie,
Contrairement à sogam, j'adore ton menu et la navigation qui va avec, la typo est sympa, les couleurs aussi même si le noir ne fait pas parti de mon répertoire je trouve que sur ton site sa fonctionne bien, l'alliance blanc/noir donne à ta refresh un coté plus pro.

laurie
28 Septembre 2010 à 20h03

Merci pour ces retours!

designer1959
29 Septembre 2010 à 12h46

Ce site est plaisant, bien construit, efficace. J'apprécie particulièrement le menu accordéon (juste un détail, le gris de la typo pourrait être un soupçon plus clair sur le fond noir ), et la barre des menus centrale me paraît parfaite et bien placée ! Il y a dans le " monde web " des mentalités parfois trop conventionnelles ! Je me suis souvent posé la question de l'emplacement d'un menu : en haut, on doit masquer temporairement le contenu de la page, en bas, l'ascenseur est souvent requis ce qui est fastidieux ; le placer au centre fonctionne parfaitement bien ainsi. Je comprends aussi peu le fait de déplorer ainsi " encore un site sans html5 et css3 ". L'usage de ces nouvelles technologies, interprétées partiellement par les navigateurs pour l'instant, s'effectuera inéluctablement et progressivement. Les nouveautés sont stimulantes, mais ne doivent pas être utilisées par principe. La sophistication est un effet de mode passager. La conception de ce site est convaincante, pourquoi demander plus ?

laurie
29 Septembre 2010 à 14h30

@designer1959 : merci beaucoup pour ce retour .En effet je suis d'accord pour l'utilisation de l'html5 et css3 et je prend en note la remarque sur le gris :)

p0ulpe
03 Octobre 2010 à 01h04

J'aime beaucoup ce site Web.

Après niveau ergonomie la partie portfolio est pas vraiment au point : une fois en bas du site, faut le remarquer que les travaux s'affichent en haut.

Sinon le design est très sympa, et ton style graphique aussi.

laurie
05 Octobre 2010 à 16h59

@p0ulpe : merci beaucoup, pour le portfolio je reverrais ca après le concours, je pense que ca dépend de la résolution de l'écran.

Thomas D.
07 Octobre 2010 à 18h20

Salut,

Belle amélioration ! Je ne suis qu'à moitié convaincu par le menu en dessous des photos, et il y a moyen de mieux mettre en valeur le texte (c'est un peu trop serré à mon goût par endroit), mais globalement c'est du bon travail ;)

Noix de Coco
08 Octobre 2010 à 07h57

Très bon travail d'amélioration ! Je note uniquement au design et à l'ergonomie générale. Quelques remarques (subjectives, comme toujours) :
Le slider de présentation est agréable, cependant on ne sait pas ce qu'on y trouvera lorsqu'on le regarde sans le parcourir. J'enlève un petit point aussi pour la police unie, tout est en Arial, les textes ne ressortent pas assez. Le petit "webmaster" sous le titre casse un peu je trouve, j'aurais plutôt vu une autre police, et une autre couleur (un gris foncé ?). Un petit moins pour le pied de page trop brut. Le portfolio un peu posé trop brutalement aussi, on n'a aucune description, ni aucune date.
A retenir que j'aime beaucoup, très agréable, simple et bien présenté malgré quelques petits points notés plus haut. J'aime beaucoup la page de contact !

laurie
08 Octobre 2010 à 09h39

@Noix de Coco : pour l'accordéon effectivement c'est un point que je pensais voir après le concours! :) et je note les notes tes remarques! merci
@Thomas D. : merci, je notes également tes remarques

Mikachu
12 Octobre 2010 à 00h20

Visiblement de gros progrès par rapport à la version précédente, en terme d'ergonomie et de gestion des masses et espaces.
Tu as osé le menu plus bas dans la page, mais je le trouve visible et incitatif.
Quelques petits problèmes de contraste à corriger (gris trop foncé insuffisamment contrasté sur ton gris le plus sombre).

Riku Asakura
12 Octobre 2010 à 11h22

Je trouve que la nouvelle version est plus impersonnelle que l'ancienne...
Pas trop navigable au clavier non plus.
Quelques petits défauts mais ça reste plutôt sympa ;)

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/