• 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

pelmelprod par mmenestrier

Voir en ligne http://www.pelmelprod.com/

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 5.300/10

Commentaires

sogam
27 Septembre 2010 à 13h31

On se sent comme un poisson dans l'eau... Good job..!

Ariakan972
27 Septembre 2010 à 15h45

Génial le poisson ! :D
Original, osé, j'aime beaucoup. Passe même sous IE6 !
Le code n'est pas valide mais.... en 10 minutes c'est réglé je pense. :) Allez, corrige ça vite !

J'aime beaucoup.

vince69
27 Septembre 2010 à 16h22

less is more
J'aime beaucoup, ca change un peu des standards

Shokojjo
27 Septembre 2010 à 22h29

@Ariakan972 : Le poisson est original je suis d'accord! ,)
Le changement par rapport à la version de base n'est pas très important mais c'est plutôt bien fait, bonne continuation.

Tom

mmenestrier
28 Septembre 2010 à 09h38

Merci pour vos commentaires, c'est très encourageant, les poissons sont pourtant voués à disparaitre, il y a un film en préparation, qui devrait prendre la place.
L'activité première de pelmelprod étant surtout de la création vidéo.
Pour le code je nage aussi comme les poissons!!!

sogam
28 Septembre 2010 à 09h58

C'est clair qu'il n'y a pas une grande refonte, mais le contenu est beaucoup mieux géré...
Je ferais juste attention sur la première page enfin la home... pour la photo sa ne le fait pas trop qu'on voit si vite le bord blanc.. je sais quand CSS3 il existe la possibilité de faire que l'image de fond se resize en fonction de la taille du navigateur, donc je pense que sa pourrait être une idée intéressante... certes pas valide pour le W3C, mais plus logique.

mmenestrier
28 Septembre 2010 à 10h23

normalement c'est ce que est prévu, que l'image de fond s'adapte en fonction de la taille de fenêtre du navigateur... mais là je pense que le problème vient de la taille de mes fichiers photos...qui ne sont pas tous à la bonne taille...

Jep
28 Septembre 2010 à 13h39

Graphiquement superbe, bravo.

J'ai aimé :
- L'équilibre graphique
- Le changement d'arrière plan selon les pages
- La simplicité de la navigation

J'ai moins aimé :
- L'utilisation de Flash pour la vidéo
- La qualité global du code un peu fouillis
- Les scroll intempestif sur les page (malgré mon écran 22" !)

velvet
28 Septembre 2010 à 13h53

J'adhère, bravo !

Oh-Drey
28 Septembre 2010 à 14h53

J'aime beaucoup le petit poisson, les polices, la mise en page, mais qqch me gêne et je ne sais pas à quoi c'est du. J'utilise Firefox, c'est p-e ça le problème mais je n'arrive pas à lire une partie u texte, c-a-d que les mots sont coupés et ce n'est pas du tout centré comme sur l'imprim. écran. Est-ce du au navigateur ? A ma résolution ? Quelqu'un rencontre-t-il le même problème ?
En tous cas, je trouve ça dommage car j'apprécie beaucoup de site.

designer1959
28 Septembre 2010 à 16h07

Un très bon travail. Le site affiche tous les contenus avant le chargement des visuels de fond, un bon point. Déjà le visuel de l'ancienne version était fort et gonflé, là le choix est plus subtil et la mise en page irréprochable. L'humour reste présent, avec la page " Prestations "… À ce niveau de perfection, les détails comptent, et je ne vois qu'un infime reproche à faire. En page d'accueil, je suis gêné par la surexposition ( en bas à droite ) de l'image d'arrière-plan, une petite correction de courbes de niveau, laisserait le blanc du pavé central garder la main.
Bravo, je donnerai une note élevée à ce travail et garderai le site dans mes favoris.

mmenestrier
28 Septembre 2010 à 17h25

Merci de tous vos commentaires, j' en prends bonne note.
Pour le flash des vidéos je travaille à l'encodage afin qu'elles soit aussi lues sur Ipad par exemple.
Le choix des photos, la version anglaise qui n'est pas encore opérationnelle devrait en proposer d'autres; oui la première page est trop surex.
Bref il reste encore beaucoup de travail...
et oui les détails comptent d'où l'importance de vos remarques.

Nico3333fr
29 Septembre 2010 à 14h09

Yop !

Rigolo le poisson ! Je t'invite à utiliser la balise video de HTML5, tu pourras ainsi te passer de Flash sur les navigateurs modernes. ;)

Qq remarques :
-qq soucis de performances : tes fichiers JS pourraient économiser pas moins de 150 Ko s'ils étaient compressés par exemple,
-la zone de la page contact est décalée par rapport aux autres pages ? Bug ?
-le site pose problème en 1024... dommage, ça pourrait être évité à mon sens.
-qq erreurs de validation peuvent être évitées aisément.

A perfectionner, mais plein de bonnes idées. :)

PierreA
02 Octobre 2010 à 13h45

Hello, de bonnes (très) idées !

J'aime :
- l'esprit décalé. ;)
- le nom de l'agence.
-

Je trouve dommage
- que les photos de fond soit si longues à charger
- que les pages soit si grande en hauteur alors que la zone de contenu est petite (je suis en 1680x1050 et je doit scroller), pourquoi ne pas réduire la taille de l'image de fond.
- que sur la page contact la ligne avec vos infos de contact en bas soit coupé (Safari, OS X)
- que le blog n'ai pas d'image de fond,
- que la mise en page du blog soit différente du reste du site, on est vite perdu ...
- l'utilisation de flash pour la vidéo de la home

En tout cas bravo et bonne continuation,
Pierre

p0ulpe
03 Octobre 2010 à 15h34

@Oh-Drey : A mon avis il y'a un overflow hidden quelque part qui fait que ce qui dépasse ne s'affiche pas.

chamomor
04 Octobre 2010 à 12h46

Bonjour,
Même remarque que pour d'autres : on ne voit pas ta page complète sur un écran 1024. La moitié du texte à droite est invisible... Dommage, j'aimais bien le poisson.

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/