• 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

Mon site perso - portfolio par juliegri

Voir en ligne http://www.juliegri.fr

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 6.000/10

Commentaires

rionma33
27 Septembre 2010 à 14h08

C'est sympathique, mais je préférais la version d'avant =) (goût personnel^^)

onlinegraph
27 Septembre 2010 à 14h30

Bonjour Julie.

Trés beau travail , trés agréable. Bonne chance à toi !!!

ClementRoy
27 Septembre 2010 à 18h12

L'univers est plutôt sympathique graphiquement, ça sort de l'ordinaire. Mais c'est peut être un poil simpliste et manque un peu de finition à mon goût.

Sinon côté accessibilité :
- navigation au clavier difficile (:focus est notre ami)
- absence de titres pour les sections du site (même si il sont masquer, mieux vaut les mettre)
- les abréviations ne sont pas renseignées
- ne pas oublier de renseigner les width et height d'une image!
- ...
- et attention à la mise en forme de texte à coup de <br>!

C'est donc perfectible et je t'encourage vivement à le faire, et ça fera vraiment un site sympa à tout point de vue!

Bon courage

juliegri
27 Septembre 2010 à 19h46

Hello !!

Je m'excuse mais je suis partie en vacances quelques temps avant la fin du concours et je n'ai pas eu le temps de tout terminer comme je voulais... ^^

Merci pour ces premiers retours, je vais les prendre en compte pour les prochaines mises à jour.

Bonne chance à tous !

@rionma33 : en effet, c'est un peu comme chacun préfère mais j'ai voulu faire quelque chose de plus original que la version précédente :-)

Nico3333fr
27 Septembre 2010 à 21h07

Qq efforts à fournir point de vue perfs, et je trouve dommage que le contenu quand on clique sur Blog soit en dehors de ma fenêtre (au début, j'ai pas compris, il y a juste les titres qui dépassent à peine...).

Sinon c'est très mignon, le graphisme est sympa, j'aime bien le secrétaire ! :)
Une belle réalisation qui ne demande qu'à être magnifiée techniquement.

Shokojjo
28 Septembre 2010 à 00h57

Rien qu'avec la photo sur le nouveau site je peux dire que le refresh est réussit! ;)

Bon et pour arrêter avec les blagues pas drôles, je dirais que le choix des couleurs est pertinent! Plus de contenu sur la page à propos serait un gros plus.

Si non le message du hamster sur le formulaire de contact est très drôle, je me suis bien amusé! ;)

Par contre pour la favicon je comprends pas trop pourquoi une fraise? ;)
Dans l'ensemble je dirais que le refresh est réussit, bonne continuation

Tom

sogam
28 Septembre 2010 à 09h12

tu as un site très "girly"

Jep
28 Septembre 2010 à 10h37

Un jolie portfolio tout kawaï :)... peut être un peut trop mignon d'en l'âme, mais ça le fait bien quand même. En tout cas, simple et efficace, bravo.

J'ai aimé
- La favicon
- L'exploitation de @font-face
- L'épure et l'optimisation global du code

J'ai moins aimé
- Quelques petit défaut dans la mise en œuvre du carrousel de tes créations
- Le fait qu'il ne soit pas possible de zoomer sur tes créations ou l'absence de lien vers les sites que tu as réalisés.

@TiK
28 Septembre 2010 à 11h01

L'ensemble du site me laisse un goût de "non-fini" avec des dégradés plutôt grossier, des effets js par toujours bien agencé... Sinon l'esprit est original, ça c'est sûr! :-)

designer1959
28 Septembre 2010 à 12h59

Le graphisme et l'architecture me semblent réussis. La refonte améliore le site. Coloré, fun, présenté avec humour, rien à redire sur la ligne graphique. Une question sur le fond : s'agit-il d'un site personnel ou d'un port-folio ? Si c'est un site personnel, il manque un peu de rubriques plus " perso ". Si c'est un port-folio, ce que le contenu laisse penser, alors je suis un peu dubitatif sur l'usage de l'usage des portraits en première page, alors qu'on présente un travail plutôt qu'une personne. C'est un point de vue personnel et sans doute générationnel aussi. Reste que le parti-pris d'ensemble est assumé et c'est bien.

audrasjb
28 Septembre 2010 à 18h01

Très sympa !
Visuellement, j'adore :)

Maintenant, c'est un peu dommage de n'avoir pas prévu de :hover pour la navigation clavier, et de :active , parce qu'un bouton, ça s'enfonce quand on le presse normalement ;)

Petite remarque : des styles en ligne qui pourraient être externalisés, pareil pour les scripts. Ah et puis il y a beaucoup de divisions qui pourraient être supprimées et d'autres qui pourraient être remplacées par des balises porteuses de sens.

Mais je tiens quand même à souligner que ton site crée un univers très sympa. J'aime beaucoup dans l'ensemble :)

juliegri
28 Septembre 2010 à 21h36

@Jep @Mr_SATAN : C'est une bonne idée l'agrandissement des aperçus, je n'y avais pas pensé !

@designer1959 : C'est un site perso pour présenter mon travail, c'est un peu entre le site perso et le portfolio mais je ne veux pas m'amuser à faire une autobiographie... :-s

Pour le reste, j'en prend également note ! Merci pour vos commentaires.

JackNUMBER
30 Septembre 2010 à 19h20

Pas mal du tout mais attention la résolution 1680*1050 est élevée et ce n'est pas le cas de tout le monde ;)

vectorskin
02 Octobre 2010 à 11h29

Salut Julie,
Ton site est sympa, il est agréable à parcourir. Il y a des petits choses qui pêche un peu à mon sens. Comme dit JackNumber la résolution est trop grande, surtout pour la partie blog, le menu est très sympa mais ta bannière prend l'ensemble de mon écran, et heureusement que j'ai vu le scroll de la fenêtre augmentée sinon j'aurais zappé le contenu. Faire parler le petit rongeur à ta place me fait penser au monde de l'enfance, et vu l'opinion négative que j'ai des DRH, il vaut mieux y penser. Malgré cela, j'aime bien ton site.

br1o
03 Octobre 2010 à 01h16

J'ai mis du temps à comprendre la partie portfolio jusqu'au moment où je me suis rendu compte qu'un clic sur la vignette modifiait à la fois l'image principale et le texte dans la bulle du Hamster (ou du Cochon d'Inde, je les confonds souvent).

Le binz, c'est que ces deux éléments ne respectent pas le principe de proximité et il m'a fallut du temps pour :

1) m'apercevoir que le texte changeait (le regard reste focalisé sur l'image) et
2) qu'en attendant un peu, l'image était en fait un diaporama sur lesquel il semble que l'on ait pas de contrôle.

darkstar2023
09 Octobre 2010 à 13h32

Bonjour Julie !

J'aime beaucoup la typographie du site, ainsi que la simplicité des éléments graphiques.
Mais j'ai une légère préférence pour le design précédent, mais le nouveaupeut-être superbe si certaine points peuvent être améliorés.
Les éléments manquent d'alignement : on l'impression que les choses sont posées un peu au hasard.
La largeur du site est un peu trop grande pour un écran 1024.

PS. avec Google Chrome il est impossible de cliquer et visionner tes travaux.

juliegri
09 Octobre 2010 à 16h31

Hello darkstar2023 et merci pour ton commentaire, j'en prend note.
Quelle version de Chrome as-tu ? Chez moi ça fonctionne très bien !

darkstar2023
10 Octobre 2010 à 14h43

J'ai Chrome 6.0 sur Win XP

designer1959
11 Octobre 2010 à 17h33

En consultant ce site à nouveau, je note plusieurs points, la typo du nom du site est bien adaptée. À la page contact, pour la zone avec Zak : un décalage du fond gris, d'un centimètre vers le haut, je suppose que c'est accidentel ? Sur Mac, trois navigateurs idem. J'aime bien les liens aussi en haut à droite, mais sur un écran large, ils sont un peu exilés, loin du reste de la page, dommage.

Borak
12 Octobre 2010 à 14h21

C'est bien, il y a des hamsters :)

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/