Cascading Style Summer Refresh 2010
Marion Girard Ruiz : Portfolio par rionma33
Voir en ligne http://www.mariongirardruiz.fr
Après refresh
Note obtenue : 6.171/10
Voir en ligne http://www.mariongirardruiz.fr
Note obtenue : 6.171/10
Les commentaires sont clos.
Madrid ! La capitale des <span>
(Anonyme)
Commentaires
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 =)
je voix que tu es passé par créasud aussi! :) beau travail!
je voix que tu es passé par créasud aussi! :) beau travail!
joli travail de redesign
Bonjour,
Beaucoup de travail, j'aime beaucoup ! C'est très soigné :)
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"
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 =)
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 !
coucou Marion (rionma33)
Sobre mais super, j'aime beaucoup! c'est soigné et classe... :)
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 !
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 =)
Très très sympa ce site. Un de mes favoris de ce concours.
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
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! ;)
Mais j'ai refait tout mon site ^^ d'ailleurs l'ancienne version est visible sur mariongirardruiz.fr/old =)
Merci en tout cas !
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 =)
@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 -->
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. ;)
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 ^^
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.
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 !
Site percutant qui atteint ses objectifs. Je trouve qu'il permet de mettre le prospect en confiance sans problème. Sobre et efficace.
L'ancienne version est sur : http://www.mariongirardruiz.fr/old si cela pe... aider à critiquer sur la refonte =)
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 ;)
@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
@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
@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.
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 ?)
@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.
Sobre et de très bon gout, un coter très accueillant pour le visiteur, tout simplement efficace =)
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 !
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.
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
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é.
J'aime bien, c'est simple, efficace et lisible.