• 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

Marion Girard Ruiz : Portfolio par rionma33

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

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 6.171/10

Commentaires

rionma33
23 Septembre 2010 à 14h01

Je tiens à préciser que ce n'est pas les mêmes pages qui apparaissent dans les screen ! Pour comparer réellement, il faudrait se rendre à la page portfolio =)

laurie
27 Septembre 2010 à 12h06

je voix que tu es passé par créasud aussi! :) beau travail!

laurie
27 Septembre 2010 à 12h07

je voix que tu es passé par créasud aussi! :) beau travail!

sogam
27 Septembre 2010 à 13h37

joli travail de redesign

Colibr-e
27 Septembre 2010 à 13h41

Bonjour,

Beaucoup de travail, j'aime beaucoup ! C'est très soigné :)

Laurie-Anne
27 Septembre 2010 à 13h47

Bonjour,

Le message d'avertissement pour IE (toutes version confondues) est du plus mauvais goût.

ps. : ne pas confondre Mozilla (entreprise) et Firefox (logiciel)...
"De plus, mon site est optimisé pour Mozilla"

rionma33
27 Septembre 2010 à 13h53

C'est simplement que j'ai corrigé tous les bugs sous Firefox en premier lieu, dès que j'ai le temps je règlerais les bugs sous les autres navigateurs, IE posant le plus de problèmes (pour moi), et je pourrais enlever mon message ! C'est tout =)

atelierwebactif
27 Septembre 2010 à 14h38

Ton site est très joli Marion. T'as bien bossé dis donc ! mention spéciale aux effets sur tes vignettes dans la rubrique "Portfolio". Bonne chance à toi !

anais-id
27 Septembre 2010 à 15h42

coucou Marion (rionma33)
Sobre mais super, j'aime beaucoup! c'est soigné et classe... :)

Ariakan972
27 Septembre 2010 à 15h49

Sur le plan purement design, j'aime énormément !
Très bien fini, très clair, sobre, attractif... Bravo !!

Le site n'est pas valide W3C par contre, et sous IE6 c'est vraiment pas ça... dommage. :(

Y'a du bon boulot derrière tout ça en tout cas !

rionma33
27 Septembre 2010 à 16h38

W3C, oui c'est au niveau du css c'est ça ? Il ne prend pas en charge les text shadow, font-face et border radius en fait =/

Sinon, IE6 est complètement obsolète pour moi et je travaille dans une agence qui ne développe plus qu'à partir de IE7, donc c'est réellement un choix personnel (à mes risques et périls je suis d'accord) =)

Mais merci en tout cas =)

Toniob
27 Septembre 2010 à 17h39

Très très sympa ce site. Un de mes favoris de ce concours.

MoOx
27 Septembre 2010 à 17h56

Les messages IE c'est un peu bof.
L'effet sur le portfolio est sympa mais je l'aurais fait dans l'autre sens (noir et blanc et couleur onover)
+1 pour la validation : C'est vrai que la validation CSS ça fait longtemps que j'ai oublié tellement j'ai d'erreurs sur mes derniers projets css3...

Déjà pour IE, si le doctype était collé au début du doc, ça lui ferait un bien fou.

Pour les js, faut les mettre en bas de page http://developer.yahoo.com/performance/rules.... ça accélère le rendu

Shokojjo
27 Septembre 2010 à 21h07

J'aime beaucoup ton portfolio. Concernant l'effet sur les réalisations j'aurais aussi fait dans l'autre sens (noir et blanc et couleur onover), et c'est vrai que c'est pas bien le message d'avertissement IE (vive IE6! ;) mais d'un point de vue graphique on voit qu'il y a du travail, je t'encourage donc à continuer...

Dommage que ce soit que la page Portfolio à critiquer, j'aurais beaucoup aimé voir une refonte totale du site ça aurait été plus facile de se faire une plus grande idée de ton travail! ;)

rionma33
27 Septembre 2010 à 21h16

Mais j'ai refait tout mon site ^^ d'ailleurs l'ancienne version est visible sur mariongirardruiz.fr/old =)

Merci en tout cas !

rionma33
27 Septembre 2010 à 21h19

Le choix des couleurs sur les vignettes, c'est voulu : ça donne bien plus de couleurs à ma page (ça n'aurait pas été le cas si je les avais mises en noir et blanc). C'est donc un choix voulu =)

Shokojjo
27 Septembre 2010 à 21h27

@rionma33 : <!-- Mode boulot ON -->
Je viens de comprendre je m'excuse, tu as effectivement beaucoup mieux mis en valeur ton formulaire de contact et surtout ta partie sur les compétences, j'avais pas tous compris perso, encore désolé! ,)
<!-- Mode boulet OFF -->

Nico3333fr
27 Septembre 2010 à 22h12

Je vais prendre le contrepied : côté design, même si y a de bonnes idées (le CV), j'y trouve... quelques faiblesses :
-les liens du haut sont peu lisibles (blanc sur gris clair, j'ai beaucoup de mal à les distinguer sur mon écran très lumineux après 12H de boulot)
-idem pour certains textes, je peine à lire "Let's work together !" par exemple.
-les parties en orange dans le CV m'ont induit en erreur, j'ai cru que les textes en orange étaient des liens.
-la navigation au clavier est très difficile voir impossible.

Les perfs sont moyennes, la page d'accueil obtient un petit 66/100 avec Page Speed. (y a un tuto sur Alsa qui est bien, je t'invite à le lire ! :) )
Pas d'icône de favori ? Des liens qui ne fonctionnent pas... ça donne une impression de pas fini, c'est vraiment dommage.

Ceci dit, ces problèmes ne sont pas insolubles (bien au contraire), et il y a de bons points : la barre de pied de page (bonne idée), le CV et le portfolio sont bien mis en valeur (les compétences surtout, j'aime bien), beaucoup de potentiel.

A améliorer de toute urgence. ;)

rionma33
27 Septembre 2010 à 22h20

Le favicon : oubli de ma part, ça prend 30 secondes à faire ^^
Les textes en transparence pas visibles : c'est voulu =)
Mes liens ne sont pas orange donc dans mon cv, pas de liens (logique pour moi), juste pour mettre mes boulots dans le web en évidence (car si tu as lu j'ai surtout fait des jobs d'étudiants) : donc ici aussi choix de ma part.
Navigation au clavier : arf pas fait attention, idem pour le chargement (j'ai pas mal de js).
Des liens qui ne fonctionnent pas ???? Alors là par contre je ne vois pas ? (si tu parles de pages 404 c'est tout à fait normal puisque cette version est toute récente et que je n'ai pas observer la même hiérarchie ni mêmes url ^^ )

Mais merci pour les critiques, qui somme toute concernent des problèmes mineurs à régler ^^

designer1959
28 Septembre 2010 à 00h17

Je n'ai pas visité ce site avant sa refonte, mais visiblement l'amélioration est appréciable. Le format panoramique des visuels, est élégant, et plus éloquent que le format carré des icônes de la précédente version. L'ensemble est de très bonne tenue. Dès lors, rien ne sert de chercher les inévitables faiblesses ( techniques ) — quel site en est dépourvu ? — lorsqu'on a affaire à un travail aussi abouti. La charte du site est particulièrement réussie, par sa sobriété et son raffinement qui ne concurrence nullement les contenus ( visuels par exemple ) mais les valorise. La seule réserve que je ferai, sur un point qui me paraît en retrait, est la page d'accueil. Elle ne rend pas tout à fait compte de la richesse du site. Face à la maturité du travail, tant sur le plan web que graphisme print, je me questionne sur la pertinence du portait à cet emplacement. Peut-être aurait-il sa place en page " CV " ? Et la page d'accueil pourrait accueillir soit un traitement graphique de ce portrait, soit un autre visuel ? Petite remarque constructive qui n'enlève rien à la qualité d'ensemble de ce travail. Félicitations.

rionma33
28 Septembre 2010 à 10h16

Merci beaucoup pour cette critique pertinente. Il est vrai que cette page n'est pas aboutie et me dérange un peu. En tout cas, je te remercie pour cette remarque et je vais réfléchir à un refonte de cette page pour la mettre plus en avant =)
Encore une fois, merci !

iManu
28 Septembre 2010 à 10h17

Site percutant qui atteint ses objectifs. Je trouve qu'il permet de mettre le prospect en confiance sans problème. Sobre et efficace.

rionma33
28 Septembre 2010 à 10h17

L'ancienne version est sur : http://www.mariongirardruiz.fr/old si cela pe... aider à critiquer sur la refonte =)

velvet
28 Septembre 2010 à 13h26

Très bon portfolio ! Je suis aussi partisan du style minimaliste que tu utilises correctement pour mettre en valeur ton travail. Pas d'excès de dégradés et autres effets, je sature...

J'adore le footer, le menu un peu moins, je trouve qu'il ne se distingue pas suffisamment du reste. Un p'tit bemol pour l'optimisation IE et les quelques erreurs W3C.

Bonne chance pour ta recherche d'emploi ;)

onlinegraph
28 Septembre 2010 à 21h09

@Ariakan972 : Je crois que Ariakan972 est développeur chez microsoft ( non je plaisante ) . C'est juste pour dire qu'il faut arrêter de prendre en compte ie6 ( et même ie tout court... ), même mes clients me disent de ne plus le prendre en compte. Il faut une feuille de style par version d'IE ( vous trouvez cela normal vous alors qu'il font partie du W3C ? )

Moi je dis rionma33 : beau travail, bravo !!!!

Bonne chance à toi

onlinegraph
28 Septembre 2010 à 21h17

@Ariakan972 : Je crois que Ariakan972 est développeur chez microsoft ( non je plaisante ) . C'est juste pour dire qu'il faut arrêter de prendre en compte ie6 ( et même ie tout court... ), même mes clients me disent de ne plus le prendre en compte. Il faut une feuille de style par version d'IE ( vous trouvez cela normal vous alors qu'il font partie du W3C ? )

Moi je dis rionma33 : beau travail, bravo !!!!

Bonne chance à toi

Nico3333fr
28 Septembre 2010 à 22h06

@rionma33 : pour les liens qui ne fonctionnent pas, je pensais à celui "Validé par le W3C" (j'ai cliqué 3 ou 4 fois dessus en attendant qu'il se passe qqch) et au fil RSS.

rionma33
29 Septembre 2010 à 07h57

Ah oki, donc pour le fil rss il n'est pas encore mis en place (vu que pour l'instant je n'ai pas fini de développer mon blog), ça arrive ! =) Pareil pour le lien vers la version mobile, qui est en cours (on peut pas tout faire à la fois hein ^^)

Pour le lien valide w3c, en fait j'ai tout simplement oublié de ne pas rendre cet élément cliquable, car pas d'intérêt =) Voire même de l'enlever ? (j'ai cru entendre que ce n'était pas pro de faire figurer ça ? des avis ?)

Nico3333fr
29 Septembre 2010 à 10h05

@rionma33 : Oui, rien de bien grave ! :)

Pour le lien w3c, franchement pas de consensus, pour moi :

-si tu affiches ça comme tel juste pour dire " je l'ai affiché" (je l'ai vu sur des sites fulltable !), aucun intérêt effectivement et ça fait pas très pro,
-si tu affiches ça parce que c'est une démarche personnelle pour ton site (gros effort sur le code, etc... toussa), pourquoi pas.

3arly3F
01 Octobre 2010 à 14h21

Sobre et de très bon gout, un coter très accueillant pour le visiteur, tout simplement efficace =)

vectorskin
01 Octobre 2010 à 21h29

Salut,
Des petites choses à dire : J'ai cherché où était le menu principal, les couleurs ne m'ont pas sauté aux yeux à cause de mon écran de portable que je n'ai pas réglé. Avoir de bons contrastes sur son site est important. Le lien sur Youtube ne me semble pas être bon, normalement il ne faut pas mélanger le personnel et le professionnel (mais bon, ça peut nous rendre aussi plus humain). Une grosse chose à dire : Tu as fais un très bon travail !

p0ulpe
03 Octobre 2010 à 00h33

Présentation sympa, site agréable... mais pourquoi mettre des moyennes de une voire deux étoiles dans tes compétences ? Ok tu n'y connais rien dans certains domaines, mais pas forcément besoin de le dire.

Sinon c'est aéré et j'aime bien aussi la présentation des travaux.

rionma33
03 Octobre 2010 à 15h00

De quoi parles tu quand tu dis de ne pas mélanger le professionnel et le personnel ?

Pour les compétences où j'ai peu d'étoiles, je ne vois pas ça comme cela. Au contraire, ça veut dire, ok je ne suis pas ultra forte dans ce domaine, mais j'en ai les bases, je m'y intéresse, je multiplie mes compétences !
Je ne peux pas être forte dans tout d'un coup =P

designer1959
06 Octobre 2010 à 14h18

Je reviens visiter ce site après avoir commenté l'ensemble des participations au concours. Mes impressions sont les mêmes, qualité générale de l'ensemble et page d'accueil un peu sommaire, (questionné aussi par l'apostrophe anglaise), la seule réserve pour ne pas donner la plus haute note, mais ce site fait partie des bonnes productions de ce concours et sera très bien placé.

Mikachu
12 Octobre 2010 à 00h25

J'aime bien, c'est simple, efficace et lisible.

Les commentaires sont clos.

 Madrid ! La capitale des <span>  (Anonyme)

  • 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/