Cascading Style Summer Refresh 2010
Clair0bscur Portfolio par clairobscur
Voir en ligne http://www.sp-design.info
Après refresh
Note obtenue : 5.420/10
Voir en ligne http://www.sp-design.info
Note obtenue : 5.420/10
Les commentaires sont clos.
Ça span pour moi !
(Plastic Bertrand)
Commentaires
J'aime beaucoup le système du avant/après sur les photos ;) C'est super!
Bonne continuation
Tom
Visuellement parlant le site est très agréable, cependant au niveau code je trouve qu'il y a quelques soucis... Le site n'est pas valide, des balises méta à la pelle dont un bon nombre ne sont pas vraiment utiles, 13!!! fichiers javascripts appelés, 7 css rien que pour le site (hors facebook, twitter),... bonne continuation
Site agréable à regarder. On sent que tu y as passé du temps, et tu as bien fait. Félicitations !
Superbe design !!
Très très beau site !
Par contre pitié : enlève le bruit de fond..... il ne faut absolument jamais faire ça !!
Dommage que le code ne soit pas valide...
À part ça, peu de chose à redire, passe pas trop mal sous IE6 (il manque quelques bugs encore), et c'est très très beau. Beaucoup de talent là dedans, bravo ! Un des meilleurs du concours. :)
(ps: encore une dernière fois, enlève le bruit des grenouilles ! :p)
Argh, un bruit de fond !!! avec les haut parleur à fond, ça a fait un drôle d'effet dans mon bureau, site NSFW ^^
Très très joli sinon, mais je rejoins Ariakan972 pour dire que les bruits de fond sont clairement une très mauvaise idée...
Graphiquement c'est très beau, très belle identité visuelle!
Mais niveau code... Euh visiblement ton intérêt ne s'est pas porté là-dessus! Car c'est tout simplement horrible... :-/
Et dans mon esprit "Code is art".
Mais au delà, oui si tu pouvais juste retirer le son, ça serait déjà mieux ;-)
Merci à tous pour vos commentaires !
Et désolé d'avoir cassé les tympans de certains... Je vais retirer le bruit de fond ^^ (je tiens à signaler que ce sont des grillons et non des grenouilles ;p)
J'ai encore beaucoup à apprendre niveau code, je le sais bien. Je suis plutôt auto-didacte dans le domaine. Promis je vais suivre des cours et je commencerais par les tutos d'alsacréations ! :)
super cool l'effet des photos avant/après très ingénieux... tu es une bonne retoucheuse.
J'enlèverais juste un truc que je trouve vraiment inutile sur ton site c'est la météo... j'y vois pas un grand intérêt...
J'adore ta trame de fond un peu effet jeans très sympa
Sinon en code, je te conseille de télécharger un ptit plugin comme firebug + la webdevelopper, tous vienne de chez mozilla... sa pourrait t'aider pour voir qu'on ne code plus actuellement avec des tables mais avec des divs.
Le script, il est plus intéressant soit de le mettre dans un document jquery_script si par exemple tu dois y faire des modifs, sinon par exemple des éléments comme des lightbox, autant les avoir à l'extérieur de ta page, pour pas qu'il viennent polluer le code et les faire appeller à eux via un link... Déjà c'est vachement plus pratique pour toi quand tu travailles sur ton code et de deux ça sera plus rapide pour afficher.
C'est joli, mais je suis allergique au design fait en tableau et encore plus au fond sonore :-/
Bonjour clairobscur,
Très gros travail, en effet, bravo ! superbes photos également, le traitement est remarquable.
Point négatifs pour moi: le site réalise en table, le bandeau en flash sur ta page d'accueil avec l'effet sur le pointeur et son fond sonore (ça me rappelle de mauvais souvenir avec mes toutes premières pages...).
Bonne chance pour le concours !
Très joli design, et effets très réussis (sauf le fond sonore, subjectif, mais je ne suis pas friand).
J'aime particulièrement le CV, les galleries photo et la section photomontage.
Par contre, effectivement, au niveau du code, on a du mal à s'y retrouver (je n'ai pas osé tenter la validation W3C). Beaucoup de styles, de javascript, de styles inline et beaucoup de tableaux. Le maintenir doit vous sembler assez difficile, mais ce doit être le cas :-)
j'aime beaucoup!et j'aime encore plus les travaux!moi aussi je suis très fan de l'avant après ca le fait beaucoup ;) bravo!
coucou clairobscur,
Comme tout le monde j'adore ta fonction avant après c'est trop sympa cela sa donne un coté magique au photo, sinon le site est sympa aussi.
@sogam, merci pour ton commentaire :), la météo est un petit widget que je trouvais sympathoche et qui je trouve s'intègre bien au site. C'est le petit + periglioni comme dirais élie (ok je sors).
Sinon je vais suivre ton conseils pour les scripts et tout mettre dans un document externe.
@ @TiK et Colibr-e, je me doutais bien que les tables en agacerais plus d'un... :/
Merci pour vos commentaires
@Mr_SATAN, Merci ! Oui c'est un plugin Jquery :)
@mat_dev, il est clair que je fais encore beaucoup d'erreurs niveau code, merci de ne pas avoir tenté la validation W3C lol
Je sais que j'ai beaucoup à apprendre de ce côté la...
@laurie, merci beaucoup, j'ai bien aimé ton site aussi mais je suis inscrite depuis trop peu de temps pour pouvoir voter.
@anais-id, merci ca fait plaisir, d'autant plus que j'y ai passé pas mal de temps ^^
Aïe, dans la précipitation, je n'avais pas vu les tableaux.... Si je m'en étais rendu compte, je n'aurai clairement pas mis une si bonne note........
Dommage, le design est beau, et tu as du talent c'est clair.
Mais voilà. :/ Pour moi c'est rédhibitoire.
La première impression est bonne mais ne résiste pas à l'épreuve de la lecture : les textes lancent des SOS : je les entends se plaindre d'être trop petits, trop blancs, ne pas pouvoir respirer à cause de l'interlignage...
Suis-je le seul à les entendre ?
Un bon travail de graphisme. J'ai une nette préférence pour les pages photos par rapport à la page d'accueil que je trouve un peu trop riche en gadgets. Pour mettre les images en valeur, la sobriété est appréciable, là il y a énormément de subtilités, tout est pensé : matières, couleurs, lumières.
Puisque ce site est artistique, quelques remarques à ce sujet. Il y a visiblement une hésitation à se situer sur le plan de l'art ou du commerce ( le site s'en ressent également ). Personnellement, je préfère de loin les photographies aux photomontages, dans un cas il y a des compétences indéniables, dans l'autre une sensibilité. Je regrette énormément la signature apposée sur toutes les images. Connaissez-vous le procédé Fresson ? http://www.atelier-fresson.com/
Certaines de vos photographies y font penser.
Pour l'aspect sonore, une musique contemporaine irait mieux avec votre travail ( telle que celle de Morton Feldman, etc. ) mais mieux vaut sans doute se passer de son, surtout si vous souhaitez inviter le visiteur à rester sur votre site longtemps.
Une remarque sur l'âge de vos modèles féminins, je suis curieux de savoir comment vous traduiriez le corps de femmes mûres, peut-être alors, sortirait-on un peu des clichés érotiques ? Je pense aux nus des paysannes du peintre Courbet, femmes simplement nues, sans fioritures.
Félicitations pour votre travail. Un dernier conseil : lorsque vous maîtriserez mieux le codage, ne perdez pas votre sensibilité artistique ! Elle est irremplaçable. Le code est mécanique, le regard est sensible.
@Ariakan972, je comprends et je suis désolée que tu regrettes ta note. Saches que je prends en compte ta remarque et que je bannirais les tableaux à jamais ! (ca seras dur mais bon, j'y arriverais ^^)
@br1o, lol oui tu as raison. Je me rend compte qu'à comparer des autres sites mon texte est un peu petit. Je vais abandonner mon 10 pour du 11 ou 12px.
@designer1959, Votre commentaire m'a beaucoup touchée, la photo est une passion et je ne maitrise pas encore grand chose. J'essaie de trouver le bon moment, le bon regard, une émotion pour que la photo puisse raconter une histoire et toucher celui qui l'a regarde. J'essaie de faire la même chose avec mes montages photos.
J'ai signé toutes mes créations au cas ou elles circuleraient sur le net, comme copyright. Je ne pensais pas qu'elles pourraient gêner...
Je ne connaissais pas du tout le procédé Fresson, j'utilise photoshop pour retravailler l'image.
Pour la musique, j'ai prévu d'installer un player qui s'ouvrirait un popup uniquement si le visiteur le veut ! C'est plus trop la mode les popups, c'est même pas recommandé mais je n'ai pas d'autres idées. (Si quelqu'un sait en passant comment installer un player comme sur deezer ou musicme - avec la musique en fond même en rechargement de pages, je suis preneuse !)
"je suis curieux de savoir comment vous traduiriez le corps de femmes mûres, peut-être alors, sortirait-on un peu des clichés érotiques ?"
Très bonne question... sans doute oui.
Je dois prendre bientôt des photos de femmes enceintes, ça sera déjà différent. :)
Je trouve très bien que parfois, on se trompe en donnant une notation ( Ariakan972 ) dans ce cas, le cœur a parlé en premier, ensuite, la vue des tableaux au sous-sol, eh bien… on peut y survivre !
La remarque sur la typo blanche, également pertinente, vaut surtout pour la page d'accueil.
Ce site n'est sans doute pas sans défaut, mais ses qualités ( subtilité des détails, atmosphère qu'il installe, etc. ) l'emportent sur ses faiblesses.
La photographie, tout comme l'art, est d'abord une question de sensibilité plus que de maîtrise. Un photographe comme Bernard Plossu a utilisé le procédé Fresson à merveille [ http://www.lisieres.com/bernardplossu.html ]... et possède une telle sensibilité, je vous invite à découvrir sa photographie si vous ne la connaissez déjà. La question que je vous posais sur la maturité des modèles est une question de mon âge, mais surtout de regard et de questionnement sur le monde réel et celui de l'image. Les corps vrais m'émeuvent tellement plus fort que les images glacées des magazines ou des publicités. Et il m'a semblé sentir chez vous une hésitation à vous orienter vers le domaine de l'image, ou dans le champ de l'art, et c'est tout autre chose. Je ne regrette pas la bonne note que j'ai donné, elle est aussi un encouragement à poursuivre le chemin du regard.
à propos du © : j'ai bien compris le sens de la présence de ce symbole, particulièrement justifié sur les images érotiques. Il y a plusieurs remarques à faire à ce sujet sur lesquelles je vous invite à réfléchir : Soit on protège une image, soit on la montre. Vous savez aussi bien que moi que pour un usager averti, supprimer les filigranes prendra quelques secondes dans la plupart des cas ! Lorsque je regarde une image, je trouve important de lui laisser tout son souffle, et les signatures l'asphyxie d'autant plus que l'image est forte. Personnellement je prends le risque de ne jamais signer. Être pillé, copier est inévitable et plutôt bon signe non ?
@designer1959, merci encore pour vos commentaires et votre vote, je pense que vous avez raison pour les filigranes sur les photos. Je vais sans doute les retirer ^^
Dans l'acte de jugement, entre toujours une part affective, propre à l'humain, c'est pourquoi la justice n'est pas rendue par des logiciels. Le coup de cœur est une composante importante. Pour les filigranes, c'est à réfléchir, dans certains cas, cela peut être nécessaire, dans d'autres moins… Mais du moins, je voulais poser la question… car n'importe quel signe modifie une image.
Bonne chance pour le concours.
Première impression... plutôt agréable !
Quelques remarques histoire de râler : :)
- les performances sont à améliorer... y a un tuto sur Alsa qui est très bien pour ça.
- des tableaux de présentation... non, non, c'est pas bien !!!!!
- certaines phrases style "en construction", c'est très dommage, ça fait pas fini.
- la météo, je ne vois pas trop l'intérêt (j'ai l'impression que ça empêche de s'évader dans ton univers)
Sinon, j'aime bien le graphisme, tes travaux sont très beaux, aucun doute, tu connais ton domaine !
Allez voisine (Haute-Savoie power !), quelques efforts pour magnifier tout cela, travaille ta technique, ça servira ta créativité... et ce site deviendra excellent, y a énormément de potentiel. Allez, au boulot ! :-D
Agréable en voyant le screenshot, mais impression ternie par le son qui se lance à l'ouverture du site au détriment de la musique que j'avais choisi d'écouter. Laisse nous libre de notre écoute ! La typo du menu en haut n'est pas nette et semble pixeliser, ce qui la rend moins lisible.
@Nico3333fr, Merci pour ton com' et tes remarques ! J'espère bien améliorer ma technique,mais il y a du boulot, va falloir que je m'y mette sérieusement... ^^
@Mikachu, Merci pour ton commentaire. Tu n'es pas le seul à m'avoir fait la remarque sur le son. J'attendais la fin du concours pour le retirer. Heureusement qu'il ne dur que 5 secondes hein ! :)
Je ne trouve pas que la typo du menu pixelise, c'est l'effet du hover qui donne peut-être cette impression ?