Cascading Style Summer Refresh 2010
L'atelier webactif par atelierwebactif
Voir en ligne http://www.atelier-webactif.fr/
Après refresh
Note obtenue : 6.712/10
Voir en ligne http://www.atelier-webactif.fr/
Note obtenue : 6.712/10
Les commentaires sont clos.
Ne vaudrait-il pas mieux monter le blanc en neige avec style que mettre le jaune en div avec classe ?
(Joséphine ange gardien)
Commentaires
super bien fait !!
Superbe !!
Par contre, sous IE6.... aïe aïe aïe...
"Ce site ne s'affiche pas normalement ? C'est normal ! Vous utilisez le navigateur Internet Explorer 6..."
-> C'est plutôt "c'est normal, j'avais la flemme". :D
Plus sérieusement, c'est dommage que tu n'ai pas juste dégradé un peu le site sous IE6, ça aurait suffit...
Niveau code par contre : 9 erreurs HTLM et... 101 en CSS !!! :(
Faudra corriger ça, google pardonne pas. :p
Après niveau design et animations jquery, franchement rien à redire, c'est vraiment beau et travaillé, tu as du passer pas mal de temps là dessus !
@sebastien-b : merci, c'est sympa.
@Ariakan972 : Merci aussi pour tes compliments et tes remarques très pertinentes et intéressantes. Oui j'y ai effectivement passé beaucoup de temps, surtout pour le graphisme (je ne suis pas vraiment graphiste à la base et je m'y mets petit à petit). Concernant IE6, c'est d'abord par manque de temps, et ensuite complètement volontaire. En tant qu'intégrateur de métier, j'en ai carrément marre de devoir adapter un site à une version d'explorateur qui compte désormais bientôt 3 versions supérieures. Pour les erreurs W3C, je compte bien les corriger, et encore une fois, si ca n'est pas encore fait aujourd'hui, c'est plus par manque de temps que par manque d'envie. :)
Très joli travail de refonte! Et on emmm... ie6
Bonjour, l'atelier webactif, ma date d'inscription est trop récente pour que je puisse participer aux votes du concours, mais je voulais quand même te féliciter, pour ta refonte : le travail effectué est flagrant, un site agréable à visiter, clair et visuellement très abouti. Un des sites qui figure parmi ceux que je préfère.
Bonne chance à toi !
@sogam : d'accord avec toi sogam ! :)
@Oh-Drey : Merci Oh-Drey. Dommage que tu ne puisses pas voter. :/
Waouw j'adore ^^ Surtout la petite taupe/mulot ^^ lol super sympa comme design !
Bonjour Atelierwebactif,
N'ayant aucune compétence en dessin, j'admire le travail graphique et son intégration sur ton site.
Une seule petite chose me dérange (outre la compatibilité ie6grmbll, ça, c'est un choix que je peux comprendre) c'est le menu netvibes/facebook/twitter qui s'affiche au chargement de la page pour être ensuite masqué (testé uniquement sous chrome).
Néanmoins, c'est un site chaleureux et complet, bravo !
Bonne chance pour le concours!
@Colibr-e : Oui pas faux pour les info-bulles. Faut que je trouve un moyen de les planquer au chargement. Ca sera plus joli. Merci !
Coucou, l'atelier webactif,
Ton site est super, graphiquement j'adore (dommage je ne peux pas voter) pour moi ton site est parmi les meilleurs du concours.Il est tout simplement super :)
@atelierwebactif : même si je ne suis pas fan de la solution, un "display:none;" de ces éléments dans tes css pourrait être une solution rapide et simple à mettre en oeuvre.
@anais-id : merci anaïs.
@Colibr-e : oui je connais la combine et elle est parfois bien utile. Du coup, j'ai viré les tooltip en attendant de trouver une solution efficace et légère.
j'aime beaucoup le design et l'ergonomie!bravo! :)
@Mr_SATAN : Merci pour l'encouragement et le soutien contre IE6 ;)
@laurie : Merci beaucoup laurie.
@atelierwebactif : Très beau design, c'est frais (c'est un compliment) et coloré et j'aime beaucoup, mais par contre je suis pas du tout d'accord avec toi concernant IE6! ;)
On est trop nombreux a travaillé dans des entreprises qui fonctionne sous ce navigateur sans avoir la possibilité d'en changer et il n'y a rien de plus frustrant que de voir ce genre de message sur tous les sites qu'on visite! ;) J'espère que tu comprendras mon point de vue.
Toujours est-il et pour en revenir à ton site je le trouve très bien! Bravo ;)
Tom
j'aurai bien voulu voté pour toi, mais "inscription trop récente" pourquoi on ne peut pas voter? c'est bien dommage...
@Shokojjo : oui c'est l'éternel débat... enfin... jusqu'à ce que IE6 disparaisse complètement de la planète terre. IE9 est sur le point de sortir, je pense que ça résume bien la situation. Je ne vois vraiment pas ce qui oblige les entreprises à conserver IE6, si ce n'est la flemme de télécharger et d'installer un navigateur (IE ou autre) plus récent.
En tout cas, je reconnais que je n'ai fait aucun effort pour IE6 et je sais que ca n'est pas bien, je vais essayer de rectifier ca dans les prochains jours. Merci beaucoup pour tes remarques et tes compliments ! :)
@Shokojjo : oui c'est l'éternel débat... enfin... jusqu'à ce que IE6 disparaisse complètement de la planète terre. IE9 est sur le point de sortir, je pense que ça résume bien la situation. Je ne vois vraiment pas ce qui oblige les entreprises à conserver IE6, si ce n'est la flemme de télécharger et d'installer un navigateur (IE ou autre) plus récent.
En tout cas, je reconnais que je n'ai fait aucun effort pour IE6 et je sais que ca n'est pas bien, je vais essayer de rectifier ca dans les prochains jours. Merci beaucoup pour tes remarques et tes compliments ! :)
@atelierwebactif : Parfois c'est tout simplement le coût qui excède rapidemnent les centaines de milliers dans les grosses structures (environ 28'000 postes à changer dans mon ancienne boîtes...)
Je ne peux que te souhaiter bonne chance si tu te mets à IE6 en tout cas! ^^
Je reste septique sur la mention "Site web entièrement fait main", car si tu parles des illustrations, ça aurait été pas mal de citer les sources des éléments que tu as utilisé à foison et ré-agencés (via smashing-magazine par exemple) pour le simple respect des auteurs.
Par ailleurs, le contenu du site "sous terre", je sait pas, ça fait un peu zombie.
Bel effort de composition tout de même.
Très beau graphisme! Bonne continuation!
Oui merci. Et de la chance, il en faut un peu avec IE6... ;)
@iManu : La mention "Site entièrement fait main" n'a pas été mise dans le but de m'approprier les illustrations et autres icones que j'ai emprunté et adapté à mon site, mais avant-tout pour souligner/rappeler le fait que le métier du web (webdesigner, intégrateur, développeur) est un métier manuel voire artisanal... C'était également un renvoi au nom de mon site "L'atelier webactif"... une sorte d'artisan du web... Rien de plus. Et merci pour tes compliments. :)
@Ecstatic : Merci bien. Intégrateur de métier, je me mets de plus en plus au graphisme et m'inspire largement de 2-3 collègues super doués dans le domaine. :)
Point standards et accessibilité :
La non validation XHTML de mon site est due aux tags et autres attributs de mon bloc facebook. Si quelqu'un a déjà eu ce souci et a une idée là-dessus, je suis preneur.
Sinon, pour la CSS, ben c'est du à certains effets CSS dépréciés (radius, text-shadow, opacity, font-face). Je vais m'y pencher mais j'ai bien peur que je ne puisse pas faire beaucoup mieux. Si ?
Une petite mention aux bibliothèques/ressources utilisées est c'est pardonné ;) on est tous passés par là. D'autant que tu les utilises/mets en situation de façon créative, c'est un plus pour toi. J'adhère au concept atelier à 100%.
ps: Facebook n'est pas valide oui, j'ai pas de soluce de mon coté pour le moment. La honte sur eux !
@iManu : Ouais t'as raison. Dans la rubrique "Liens" (sidebar dans une page n+1, ou en bas de page), j'ai déjà mis quelques liens vers les sites sur lesquels j'ai pris mes icones et autres illustrations. Une rubrique "Mentions légales" est prévue. Je mettrai plus précisément mes sources graphiques là-dedans. :)
@L'atelier webactif : Bonjour, c'est à nouveau moi ; j'ai visité ton site plus en profondeur, et bien que je ne m'y connaisse pas vraiment dans le domaine du web en général (webdesign, intégration, graphisme, etc.), je trouve ton site vraiment convaincant. Malgré des couleurs un peu sombres qui tranchent avec le bleu du ciel, ton site inspire vraiment confiance. L'idée d'atelier que tu expliquais plus haut à iManu, me plaît beaucoup et par tes explications tu rends l'univers du web beaucoup plus abordable, plus facile d'accès à des gens comme moi, que l'on pourrait dire "à la ramasse".
En somme, un site honnête, accessible, bien travaillé, bref, tout pour plaire. Y'a pas à dire, j'adhère.
Encore une fois Bonne chance !!! ;)
Ps : très bons les autres sites que tu as fait ! Chapeau bas :)
Sympa le design !
Qq points à améliorer :
-Côté perfs, c'est à améliorer : 16 fichier JS, 16 CSS... c'est proprement énorme ! :o
(je vois beaucoup de CSS et de JS wordpress... j'imagine que le code légèrement surchargé de classes vient de ça ? Pour le côté "entièrement fait main", ça me chiffonne un peu)
-le méta Revisit-After ne sert à RIEN ! :)
-pas de version iPhone sur un site aussi bien foutu ? ;)
Beaucoup de bons points par contre : graphisme plaisant, dégradation plutôt correcte, de bonnes idées, un texte lisible, etc.
C'est du bon boulot, je vous encourage à le perfectionner !
@Oh-Drey : Merci beaucoup. Je trouve vraiment sympa que quelqu'un de non-averti et de non-technique s'intéresse à mon travail et le juge de façon objective et neutre. En regardant ton profil, je me suis aperçu que tu étais de Poitiers ! Vive les poitevins !
@Nico3333fr : Oui je suis d'accord avec toi pour dire qu'il y a trop de fichiers JS et CSS. Par contre, je n'en ai pas 16 de chaque... :O. J'ai 13 fichiers CSS (ce découpage me permet de nommer mes fichiers de façon à savoir à quelle partie du site il correspond), et 8 fichiers JS + 1 appelé sur API Google. je vais essayer d'améliorer ca. Et sinon, j'ai viré le revisit-after (un reste de copié collé du head d'un vieux site), et pour l'iPhone, j'y viens (ou pas) mais j'ai pas eu le temps de voir le truc. En tout cas merci pour les compliments. Et oui, ce site est à perfectionner et comme la plupart des participants au concours, je remplis ma ToDoList au fur et à mesure que les remarques des uns et des autres arrivent sur cette page.
@atelierwebactif : bizarre, si je lance Yahoo Yslow sur la page devis/contact, il m'indique 21 external Javascript scripts et 18 external stylesheets. Surtout que je viens de voir qu'effectivement, il n'y en a pas autant dans le code. (?!?!!)
Pense aussi à utiliser la compression, ça réduira énormément le poids de tes scripts. ;)
@Nico3333fr : Ah oui, je n'ai pas compté les fichiers propres aux extensions wordpress que j'utilise. Et sinon, qu'entends-tu par compression de fichiers ? Non parce que là je sens que ca peut m'intéresser...
je pense qu'il parlait de rassembler et minifier les js et css en 1 seul fichier.
En tout cas bravo bon boulot.
j'ai fait la même erreur pour le revisit-after.
@Footeuz et @Nico3333fr : minimiser les feuilles de style et les JS, c'est reconnu comme pratique ou pas ? Pour mes CSS, en fait, j'en en appelle que 2, les autres sont inclues (import css) dans ma feuille de style CSS principale. Pour mes scripts JS, ce sont des scripts bien différents les uns des autres (infobulles, scroll, slider,...) et je les ai importés tels quels. J'ai peu qu'en mettant tout dans un seul fichier, ca fasse tout bugger. Et Nico3333fr, je n'ai toujours pas compris ce que tu entendais par compression de fichier, et je suis preneur ! :)
Il s'agit d'un bon, voire un très bon travail. Je n'aime pas particulièrement le style de l'illustration mais elle est bien faite, donc rien à redire. La métaphore du jardin de la taupe, du souterrain vient-elle signifier le travail invisible du programmeur ? Je suis plus dubitatif sur la coupure en deux univers graphiques, clair et obscur, et lorsque la partie supérieure laisse place aux réalisations, je préfère encore ainsi, où les tons bruns raffinés, et la lecture ne sont plus en opposition aux couleurs claires et douces du haut. Oui, au final, je me pose la question : la partie ciel bleu apporte-t-elle quelque chose si ce n'est la démonstration du savoir faire de l'auteur en illustration ( ce qui se justifie parfaitement ) ? Reste qu'il s'agit assurément d'un bon travail soigné et abouti.
Très bon boulot. Pour les histoires de bulles après qui masque après loading, le truc est de mettre sur html une classe no-js, puis dans ton head tu met un petit truc genre
document.documentElement.className="js"
Puis dans ton css tu met .js bulle {display:none}(masqué que si réaffichable par js :) )
C'est une technique utilisé par Modernizr.
@designer1959 : Je ne comprends pas pourquoi tu découpes le design en deux univers graphiques... pour moi c'est le même et c'est juste une évolution verticale. La partie du haut sert plutôt une accroche visuelle mais elle permet quand même d'accéder au fil RSS et de revenir à l'accueil (lien sur logo), la rentrée sous terre nous amène au contenu et est donc moins chargée au niveau graphique (moins d'illustrations, jeu sur les variantes de marron). Et sinon, concernant les illustrations, comme je l'ai précisé plus haut, ce sont des choses que j'ai prises à gauche à droite et adaptées au design de mon site. J'ai d'ailleurs précisé mes sources dans la page "Crédits" : http://www.atelier-webactif.fr/credits/.
Et sinon, merci pour tes impressions/remarques positives. J'aime beaucoup ton interprétation du design, à savoir la métaphore du travail sous-terrain du développeur. Je valide ! :)
@MoOx : Merci MoOx. Le problème d'affichage n'a plus l'air d'avoir lieu. A moins que je ne me trompe. Mais la technique que tu me décris a l'air très intéressante et je la mets de côté pour mes prochains travaux ! Merci !
Bonjour,
De tous les designs du concours, je trouve le tien le mieux fichu et le mieux pensé sûr le point structurel. Mais côté look, l'image manga, comme pour alsacreations d'ailleurs, ce côté adolescent, ces images moches faites par des logiciels, ça fait tellement pub télé, je ne comprends pas, je ne comprendrai jamais.
Quant au noir... bon, ça donne une étiquette précise jamais très confortable pour l'oeil du surfeur. A part pour les blogs photos, le noir c'est prendre le visiteur à rebrousse-poil.
@chamomor : Merci beaucoup pour ton appréciation positive. Pour les illustrations, je ne comprends pas ta remarques "ce côté adolescent, ces images moches faites par des logiciels". En tout cas, mon but n'est pas d'apporter une touche commerciale ou publicitaire, bien au contraire.
Concernant l'utilisation du noir en couleur de fond, je suis conscient que ca n'est pas le meilleur choix pour une lecture confortable, mais en même temps, je me dis que ce site n'a pas énormément de contenus texte. En tout cas, merci pour tes commentaires intéressants et justifiés. :)
J'ignorais que les sources d'illustration étaient externes, et je n'en suis pas surpris, de là provient cette impression de deux univers. La division n'est pas une invention de ma part, c'est une perception. L'opposition dont je parle est entre la partie ciel bleu et le reste. Il y a le haut et le bas, il y a des couleurs très claires et pastel et des couleurs sombres, un style naïf, enfantin, en haut, et à l'inverse, un style bien différent dans le slider ete le reste de la page. La subjectivité réside dans le fait que je préfère l'un à l'autre en en effet. Dans un langage plus mesuré, je pense exactement la même chose que Chamomor sur le fond, pour le début de son propos. J'ajouterai la notion de mièvrerie de ce type de visuels. Tandis que la partie sombre me semble plus accordée aux travaux présentés sur le site et plus solide, mature, etc.
Voilà quelques précisions.
Oui, la métaphore du code comme la partie invisible des choses me fascine. Analogie du fonctionnement du cerveau, de la pensée, et de bien des choses.
@designer1959 : Je ne suis pas d'accord avec toi lorsque tu parles de "mièvrerie". Le haut de la page est bien loin d'être fade, les couleurs sont, au contraire, vives et chaleureuses. Je trouve que les "deux univers" crées par l'atelier-webactif se complètement et sont tout à fait coordonnés. Sans le visuel coloré du haut de la page, le reste du site serait visuellement très triste et beaucoup trop sombre pour les services qu'il propose. Déduire un manque de maturité ou de solidité d'un dessin me semble un peu poussé et pas du tout justifié. Je ne vois pas l'intérêt de devoir utiliser des images, des formes toujours plus complexes et soit disant sophistiquées pour avoir l'air crédible et sérieux. C'est d'un pédantisme fou. Je suis d'accord pour dire que les dessins du haut sont d'un style simple, mais de là à les qualifier de "naïf" et "enfantin", non. Pourquoi faudrait-il mépriser un peu de simplicité et de luminosité ? De plus je trouve que ces dessins sont plutôt en accord avec ce que propose l'atelier-webactif, à savoir, des services accessibles, "clairs", un contact simple et spontané avec le client, (je ne sais pas si c'est l'effet recherché par l'atelier-webactif mais c'est ce que m'évoque le visuel), avec en plus le côté naturel et artisanal qui renvoie à "atelier".
Par contre, je suis d'accord avec Chamomor pour dire que les textes blancs sur noir ne sont pas très agréables pour l'œil. Garder l'association de couleurs : marron clair sur marron foncé comme dans le bloc Facebook aurait sans doute facilité la lecture.
@designer1959 : je ne comprends toujours pas ta volonté de découper le design en deux univers, en tout cas, je te confirme que mon intention était bien de ne créer qu'un seul univers. De plus, tu parles de "mièvrerie", "manque de maturité" de "naïveté" ce qui sous-entend que ce personnage (que les oiseaux et le mulot) a été plus ou moins posé là histoire de donner un capital sympathie au site, ce qui n'est pas le cas. Pour être plus clair sur les origines et le pourquoi de l'utilisation de ces illustrations : je suis originaire d'un paisible petit village charentais où la nature est très présente et où je me sens bien. Je me suis donc inspiré de mes origines pour créer un design qui me ressemble, une sorte d'espace grand et naturel où le personnage a toute sa place puisque j'ai tenté de le faire mon image (yeux bleus + babre, t-shirt, jean, converse)
Et c'est d'ailleurs de tout cela qu'est sorti le concept d'atelier (oui, je n'ai trouvé le nom de entreprise et de mon site qu'après avoir dessiné les grands lignes du design de ce site).
Mais, je comprends tout à fait ton point de vue (ainsi que celui de Chamonor), même si je pense que mes intentions sont désormais plus claires avec les explications ci-dessus.
@Oh-Drey : Merci beaucoup. Je pense que tu as exactement saisi le sens du design de mon site, et je m'en sens rassuré. :)
@Oh-drey : C'est très bien de prendre part à la discussion, mais le bon travail de l'auteur que je n'attaque pas le moins du monde avait-il besoin d'être défendu ? Avez-vous (je ne vais tout de même pas tutoyer quelqu'un qui me traite de pédant ! ; ) lu ma première critique de ce site ? J'y disais, et je le pense toujours, que ce site est un bon, voire un très bon travail, que sans apprécier le style de l'illustration (goût personnel) je n'y voyais rien à redire (jugement impersonnel), je terminai mon commentaire, en parlant d'un " bon travail soigné et abouti ". La discussion qui s'en est suivie, concernait mon unique réserve sur ce site, mais elle n'a rien de rédhibitoire, au contraire, j'essayais d'apporter un grain de sel mais pas d'acidité, sur un point de DÉTAIL. Au passage, je n'ai jamais parlé de fadeur, quant au mot " mièvrerie ", mot un peu méchant je le concède, mais il ne blesse pas l'auteur puisque l'illustration n'est pas de sa main, mais provient d'une source extérieure, il venait pour traduire l'opposition que je ressens entre les deux " univers "du site. À ce sujet, vous apportez de l'eau à mon moulin en disant qu'elles vous paraissent se compléter et se coordonner. Je suis d'accord pour "compléter" moins pour "coordonner". Complémentaire, veut dire opposé à la base, coordonné veut dire accordé.
Ensuite, parler de " tristesse " et " trop sobre " pour l'univers sombre est l'expression de votre subjectivité, comme la mienne me fait le préférer à la partie supérieure.
Pour le " manque de maturité ou de solidité ", c'est un peu extrapoler mes remarques. Lorsque j'ai dit que je trouvais la partie inférieure plus ceci, ou plus cela, c'était pour expliquer ma préférence, en faisant ressortir les polarité. Je répète qu'aucune attaque n'est lancée à l'auteur sur ce point, ni aucun d'ailleurs, et je vais lui répondre, en espérant me faire entendre mieux. Mais je souhaite dissiper le plus fâcheux malentendu de votre commentaire.
J'ai beau être graphiste, et illustrateur à mes heures, non seulement je ne pense pas que la crédibilité et le sérieux en passe par des images complexes et sophistiquées, je pense strictement le contraire ! D'ailleurs si je n'apprécie pas le style de cette illustration, j'en ai d'emblée reconnu les qualités. Contrairement à ce que pensez, il n'y a pas dans ce travail d'illustration autant de simplicité que ça, au contraire l'illustration est un travail toujours très exigeant en temps de fabrication, c'est le secteur du webdesign le plus laborieux… après le codage !
Quant à mépriser " la luminosité ", vous faites fausse route. Je ne vais pas profiter de ce dialogue pour mentionner mes sites, ce serait malvenu, mais 80% au moins de ma production graphique et web est lumineuse et très sobre !
Pour la remarque à propos du noir, je n'ai pas vu de noir sur ce site mais un très beau brun, élégamment assorti d'une typo beige. C'est vrai que je préfère lire du texte sur fond clair, mais l'élégance est très aboutie dans ce cas et c'est très défendable.
@atelierwebactif
Il est bon de rappeler que nous discutons un point de détail sur un travail que j'ai apprécié, bien noté, et que si j'ai cru bon d'exprimer un jugement personnel, c'est afin d'inviter à la réflexion pas à la polémique.
Précisions /
Je répète que si j'ai un peu mordu sur l'illustration, c'est quand j'ai su que tu t'en n'étais pas l'auteur, je ne me le serai pas permis autrement.
Je répète encore que l'illustration dont j'aime peu le style (mais surtout par rapport au reste que je trouve plus fort) a parfaitement sa place dans ce travail, que j'en comprends parfaitement la cohérence, le projet, etc.
Reste que je n'ai aucune volonté de " découper le design en deux univers ", c'est une question de fait. Ensuite, cette division fait-elle problème par elle-même ? Non, pas vraiment !
Pour exprimer très clairement ma pensée sur ce sujet :
On pourrait imaginer la même clarté, la même douceur, la même candeur (mots que j'apprécie et revendique) de la partie solaire du site traduites dans un style d'illustration différent ! Autrement dit, lorsque j'ai parlé du " style " je n'ai pas critiqué ni le concept, ni la structure bi-polaire, etc. Est-ce plus clair à présent ?
Anecdote personnelle /
Je connais bien la Charente maritime (je viens d'y vivre plus de six mois), un peu la Charente, et j'ai passé ma vie dans les campagnes, loin du raffut des cités dont je suis originaire et que j'ai voulu quitter en priorité, c'est dire si les grands espaces me parlent !
Salutations cordiales.
Oui OK :) désolé. J'avais pas compris que tu parlais du style plutôt que du sens l'illustration elle-même. En tout cas, mon réponse précédente m'a permis d'expliquer un peu le pourquoi de ce graphisme et je suis content que ca soit présent dans les commentaires. Ceux qui le liront sauront d'où vient l'idée de base. =D . En tout cas, je prends note de ta remarque, surtout que j'ai cru comprendre que tu étais plus spécialiste du graphisme que du code. (j'ai lu un de tes commentaires où tu le disais).
Réponse à ton anecdote : Je connais également bien la Charente Maritime et ai passé 6 mois à La Rochelle. Je trouve d'ailleurs que les 2 charentes, bien différentes l'une de l'autre, se complètent bien. =D
Ce n'est pas désolant, car le dialogue est de cette nature : affirmations, questions, précisions… Nous rencontrons les limites de la communication écrite et internautique, mais je suis bien d'accord que les précisions apportées de part et d'autre sont constructives, je voulais rappeler surtout que mes remarques s concernaient un point de détail, et il ne faut pas perdre ça de vue, non plus.
Mes commentaires, sur la totalité des productions soumises à ce concours, sont en effet orientées " graphisme " car c'est mon domaine. Mes connaissances en codage ne sont pas nulles, mais si lacunaires, que j'ai laissé cette part à plus compétents, en effet. Par contre, l'ergonomie, la mise en page sont des domaines au croisement du développement et du graphisme, la sémantique idem. Car le placement dans la page d'un contenu ressort des deux.
Bonne continuation, et Bonne Chance ! Et encore bravo pour ce travail.
Pas grand chose à dire si ce n'est que le le design est vraiment professionnel (après tout c'est normal pour un pro ;) )
Presque tout a été dit, même si la subjectivité de chacun ne devrait pas entrer en ligne de compte ici (ce qui n'est jamais évident, surtout lorsqu'on demande de juger un travail).
Ceci étant, je trouve dommage que, sur le bloc "fil d'actualité", la barre de scroll ne soit pas mieux intégrée au reste du design. Je ne sais pas si c'est faisable, vu que le contenu est généré par javascript, mais il existe un script jquery qui permet de modifier les barres de scroll. Ça permettrait de donner un côté fini à ce bloc.
Quand le js est désactivé, il est dommage que l'on voit apparaitre les bulles sous le menu, ainsi que les images du carrousel. Elles pourraient être masquées en css.
Sur les autres pages autres que celle de l'accueil, je trouve incohérent de voir le bloc général "sortir de terre". Il faudrait trouver une illustration différente pour chaque page afin de rester dans l'esprit de l'accueil. (Je ne sais pas si je suis clair sur le coup???).
Au final, je trouve ce site vraiment très bien réalisé (de même que celui de l'atelier de menuiserie du passage) et je ne serais pas étonné qu'il sorte dans les 2 premiers...
Bravo.
La subjectivité me semble au contraire devoir être reconnue comme telle, avec le plus de franchise possible, car elle est constitutive du regard, et du regard critique, plus encore. Sinon, tout travail serait évaluable par des logiciels ! À ce qu'il me semble, il n'est pas demandé ici de juger selon une norme d'objectivité imaginaire ( comment la définir ? ) mais plutôt de ne pas considérer la subjectivité l'unique critère qualitatif. Ainsi, il arrive de préférer un travail mais de le noter moins bien qu'un autre qu'on apprécie peut-être moins ( selon des critères personnels ) mais dont on reconnaît les qualités indéniables. Et puis n'oublions pas, dans un concours, qu'une subjectivité sera tempéré par une autre, et ainsi de suite…
Je pense aussi que ce site a beaucoup de qualités pour être très bien placé, c'est évident.
@darkstar2023 : Merci beaucoup darkstar2023. :)
@jerrywham : Je suis d'accord avec toi sur les remarques que tu fais et les prends volontiers en compte. Pour le style du scroll, je vais essayer de mettre la main sur le script jquery dont tu me parles. Si tu as le lien, n'hésites pas. :) Pour ce qui est du JS désactivé, je n'ai pas eu le temps de prévoir et soigner tout ce qui est noscript. Ca reste une amélioration de plus à intégrer à ma ToDoList. Pour les illustrations différentes sur chacune des pages, c'est évidemment une très bonne idée et aurait été idéal. Je vais voir si je peux essayer de retravailler ca après le concours. En tout cas, merci pour ton appréciation positive de ce site, et aussi de mes autres réalisations :).
@designer1959 : Merci pour tes remarques et critiques, c'est toujours bon de savoir ce que pensent les autres de notre travail, de pouvoir en discuter, de pouvoir expliquer ce que l'on a fait.
@darkstar2023 : Merci beaucoup darkstar2023. :)
@jerrywham : Je suis d'accord avec toi sur les remarques que tu fais et les prends volontiers en compte. Pour le style du scroll, je vais essayer de mettre la main sur le script jquery dont tu me parles. Si tu as le lien, n'hésites pas. :) Pour ce qui est du JS désactivé, je n'ai pas eu le temps de prévoir et soigner tout ce qui est noscript. Ca reste une amélioration de plus à intégrer à ma ToDoList. Pour les illustrations différentes sur chacune des pages, c'est évidemment une très bonne idée et aurait été idéal. Je vais voir si je peux essayer de retravailler ca après le concours. En tout cas, merci pour ton appréciation positive de ce site, et aussi de mes autres réalisations :).
@designer1959 : Merci pour tes remarques et critiques, c'est toujours bon de savoir ce que pensent les autres de notre travail, de pouvoir en discuter, de pouvoir expliquer ce que l'on a fait.
Entièrement d'accord, et c'est la qualité de ce site que de réunir des gens d'horizons et compétences variés, ce qui rend les commentaires d'autant plus enrichissants.
Concernant la remarque de Jerrywham, bien sûr qu'une interface plus variée est stimulante aussi, mais je me demande souvent, sans avoir tranché, ce qui est préférable : chercher à aboutir à une mise à jour d'un site très aboutie et pérenne, qui traverse le temps ou bien modifier relativement souvent la ligne graphique de celui-ci ?
@designer1959 : Tout dépend du site, de son utilité et de son contenu. Perso, je pense que tu peux chercher à améliorer au maximum un site si tout cela se passe dans un délai relativement court (quelques mois tout au plus). A mon avis, si la recherche d'amélioration va au-delà, mieux vaut se concentrer sur une refonte graphique qui sera plus stimulante pour le créateur et aussi pour l'utilisateur (effet de neuf).
@atelierwebactif : la compression gzip ou deflate : http://www.alsacreations.com/article/lire/914... ;)
@atelierwebactif : le script jquery se trouve ici http://jscrollpane.kelvinluck.com/
Assez simple à mettre en place et site plein d'exemples pour bien comprendre comment faire. Après je ne sais pas s'il fonctionnera dans ton cas. A tester.
@designer1959 : ce qui m'a dérangé en navigant dans le site est qu'il m'a semblé que les pages ne faisaient pas "finies" par rapport à l'accueil, et la remontée du bloc général sonne comme un bug je trouve (c'est comme si un bloc au dessus avait été supprimé et que le bloc général était ainsi décalé vers le haut). Je proposais une image différente pour amener un peu de vie supplémentaire, mais la reprise de l'image d'index peut aussi très bien faire l'affaire pour garder l'unicité et la cohérence de l'ensemble.
@jerrywham : Merci bien pour le script, je vais y jeter un oeil. Et sinon, pour les pages n+1, j'avais au tout début gardé le bandeau (illustration) de la home partout, même elle me semblait un peu trop haute pour les pages intérieures (obligé de scroller un peu pour lire le contenu). C'est d'ailleurs dans cette optique que j'ai remonté un peu le bloc de contenu pour les pages n+1... peut-être qu'effectivement, il faudrait la garder sous terre pour rester cohérent... je vais y réfléchir...