• 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

Didierlaurent Véronique - Artiste par iManu

Voir en ligne http://didierlaurentveronique.com

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 5.280/10

Commentaires

iManu
22 Septembre 2010 à 14h31

C’est avec beaucoup de plaisir que je participe pour la seconde fois à un concours Alasacréations, mon score précédent m’ayant agréablement surpris, ça m’a motivé pour continuer.
Pour ce rafraîchissement, seule la composition graphique et l’ergonomie du site ont étés mis à jour; la base de donnée est strictement la même que sur la version précédente (voir http://didierlaurentveronique.com/v1.9).
J’ai essayé d’utiliser HTML5 et CSS3 au maximum de mes connaissances actuelles.
Des bibliothèques sont utilisées : 52Framework pour la grille, le CSS3 et les reset, html5.js de chez GoogleCode, modernizr, excanvas pour assurer une compatibilité avec les anciens navigateurs, et bien sûr, Jquery « write less, do more » pour les effets spéciaux dignes de Georges Lucas (je plaisante !).
Selon mes tests, le site fonctionne toujours en version dégradée (sans style de mise en page, sans javascript). Naturellement le rendu sera alors moins ergonomique que la version « full techno ».
Concernant le cas IE, j’ai considéré qu’il n’était pas nécessaire d’appliquer les filtres IE (ombrages, dégradés, etc.), ces derniers consommant pas mal de ressources chez le client : inutile de charger le mulet ^^). De plus j’ai espoir qu’IE9 résolve le problème tout seul, comme un grand.
Enfin, un petit mot sur Véronique Didierlaurent, « objet » de ce site. N’hésitez-pas de la contacter si vous craquez sur ses réalisations, je possède une de ses sculptures et elle fait très bonne impression dans mon intérieur. Personnellement je suis fan !
Merci à toutes celles et ceux qui voteront pour moi !!
iManu

maxdmhomer
27 Septembre 2010 à 19h11

site agréable, facilité d'accés aux différentes catégories...
Bravo au concepteur du site et aussi à l'artiste.

Nico3333fr
27 Septembre 2010 à 20h23

Il y a des efforts à faire sur les performances (y a un tuto bien fait sur Alsa !!! ;).
Certaines pages sont très longues à charger.
Je ne suis pas fan du panneau qui se déroule, j'aurais préféré une page toute simple à part (surtout quand on clique sur le menu en bas, il faut remonter en haut pour fermer le panneau, c'est pas très pratique).

Sinon, de très jolies peintures, bravo à l'artiste !

Shokojjo
28 Septembre 2010 à 01h11

C'est beaucoup mieux qu'avant! ;) Refresh réussit donc dans l'ensemble...

@Nico3333fr : Entièrement d'accord avec ça! ,) Essaye de t'améliorer la dessus ça serait un gros plus! ,)

Tom

velvet
28 Septembre 2010 à 09h19

Merci pour ton commentaire laissé sur sur ma participation. Le tien n'est pas mal non plus. Même remarque que précédemment : temps de chargement assez long et pas mal d''erreurs W3C, facilement corrigeables.

Une optimisation pour IE6 aurait été un plus.

Concernant ce fameux panneau qui se déroule, j'aurais bien vu des vignettes de taille uniformes, ce qui aurait facilité la mise en page, ainsi qu'un diaporama en slide, cela aurait évité un chargement de la page à chaque changement de photo.

Enfin, côté design, refonte réussie, interface plus intimiste et belles peintures. Bravo et bonne continuation.

iManu
28 Septembre 2010 à 10h04

@Nico Salut Nico, Sur le panneau, le lien de fermeture est en haut effectivement, j'en placerai un en bas oui ;)

@velvet Je m'étonne de ta remarque sur le rechargement de la page à chaque changement de photo, car elles sont changées via jQuery, sans rechargement de page justement. A moins que tu évoques le changement de catégories ?

Les erreurs w3c seront corrigées, j'ai été trop laxiste sur ce point j'ai un peu honte. Les photos ne sont pas optimisées au mieux, ce qui ralenti le chargement, mais comme pour les erreurs w3c, je pourrai y remédier facilement.
Merci pour ces remarques ^^)

negstek
28 Septembre 2010 à 23h48

Site au contenu et à la présentation très bien, félicitations!

zee
30 Septembre 2010 à 10h25

J'ai beaucoup apprécié ce site ! Facilité d'accès , fond et forme me plaise ! Bravo !!!!!

p0ulpe
03 Octobre 2010 à 00h30

Bien que propre, je reste pas fan du style.

designer1959
06 Octobre 2010 à 10h22

J'apprécie énormément que l'auteur du site joue la transparence, dans l'usage des techniques et ressources extérieures utlisées, je considère que cette démarche devrait être systématisée pour tous les participants. Idem, pour le fait de se distinguer de l'auteurs des travaux présentés.
Design du site /
C'est très clairement harmonieux, et adapté au sujet. Attention toutefois, si l'artiste change de pull, c'est foutu ! ; )
Typo /
Un peu basique, elle pourrait être améliorée.
Ergonomie /
Je trouve le parti pris d'un site aussi petit assez peu justifié, les contenus ont l'air à l'étroit, ça manque de respiration. Zoomer une fois au moins améliore les choses.
Je partage pleinement les réserves de Nico333fr pour les déroulants.

Personnellement, je n'aime ni le travail de l'artiste, ni trop le style de graphisme, mais celui-ci est bien conçu, soigné et cohérent par rapport au contenu, c'est ce qui compte.

iManu
06 Octobre 2010 à 11h42

@designer1959 : Pour la transparence, c'est la moindre des choses oui ! J'ai quand même oublié de citer les typos qui sont des kits fontsquirrel (à optimiser éventuellement, tu es le premier à la trouver basique mais j'en prend note...)
Tout à fait d'accord sur ta dernière phrase. J'essaye d'adapter le contenant pour ne pas appliquer toujours les mêmes gabarits quelque soit le contenu. Le plus compliqué étant de garder un style propre sans dénaturer le message du client.

Enfin, pas mal choses vont êtres modifiées sur le site après le concours, suite aux différents apports et suggestions constructives que j'ai pu lire. Ce n'est que du bonus !

designer1959
08 Octobre 2010 à 14h21

Cette " moindre des choses ", on constate qu' elle est rarement et spontanément adoptée par les participants à ce concours. Et pour moi cela pose un vrai problème éthique ( pour évaluer je veux dire ).
Contenu / style
On sent cela, et pour moi, tel est le métier du graphiste : adapter son langage à celui du client et des contenus qu'il doit mettre en page. Ensuite, reste la griffe, le petit plus qui fait la différence et qui fait qu'on reconnaît un style.
En fait le métier de graphiste est comme souvent une affaire de classe (sociale).
Le graphiste moyen ( au rang desquels je me range ) s'adapte au client, tandis que le graphiste d'exception, qui se fait payer très cher, ce sont ses clients qui s'adaptent à lui, ou elle !

iManu
13 Octobre 2010 à 09h28

Merci à toutes celles et ceux qui ont voté pour moi :) Le résultat me convient et les commentaires me permettront d'améliorer le site qui va subir une petite mise à jour prochainement, notamment au niveau des couleurs et de l'organisation des rubriques.

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/