• 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

Meabilis par carine-Nethik

Voir en ligne http://www.meabilis.fr

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 6.400/10

Commentaires

Luc F
27 Septembre 2010 à 12h37

Très belle refonte !
L'ergonomie est nettement améliorée !

Shokojjo
27 Septembre 2010 à 12h55

D'accord avec Luc F, c'est une très belle refonte, on y voit beaucoup plus clair! Bravo!

Bonne continuation
Tom

atelierwebactif
27 Septembre 2010 à 13h48

Très joli. Plus clair que l'ancienne version. :)

Ariakan972
27 Septembre 2010 à 16h53

Très joli design !

Le code n'est pas valide W3C, et l'affichage sous IE6 en prend un coup (même si les infos restent là où il faut, c'est le plus important)

Dommage pour le code, le reste est très bon. :)

audrasjb
27 Septembre 2010 à 17h02

Hello,

Joli design, en effet, mais c'est dommage d'utiliser un doctype html5 pour sombrer dans une grosse divite quelques lignes plus loin...
Il manque en effet un code valide (d'autant plus que cela est expréssement formulé dans la partie "éthique" du site (et les templates de votre outils ne sont pas plus valide)...

rionma33
28 Septembre 2010 à 19h50

Je suis fan du background et des effets sur la div principale ^^ Vraiment très beau relooking. Le contenu est clair et aéré, le navigateur est bien guidé ^^ Franchement, bravo c'est un super site =)

Nico3333fr
01 Octobre 2010 à 21h59

Première impression... (roulements de tambour)... plutôt bonne !

Quelques remarques :
- Damned, encore un oubli de compression GZIP sur les fichiers js (Jquery)... ça allège pourtant bien le poids du site ! :) Pense aussi à améliorer la mise en cache de certains contenus.
- une légère surcharge de div...
- pense à ajouter le :focus sur certains liens "Voir toutes les fonctionnalités", surtout que tu y as pensé sur la navigation.

Mais je vois de l'HTML5, je vois l'utilisation de la balise video (un peu trop rare à mon goût), je vois un code bien indenté, je vois un design plaisant, je vois encore... des couleurs bien choisies, etc... bref, c'est très plaisant. Une très bonne réalisation, je t'encourage à la perfectionner !

designer1959
04 Octobre 2010 à 01h12

C'est un bon travail. Comme toujours dans de tels cas, la vue d'ensemble est pensée, structurée avec force et clarté, et les détails font la différence. C'est agréablement beau, subtil même. le bandeau bleu / vert du haut est très beau aussi, sauf à y chercher un motif de vagues, c'est alors un peu maladroit. L'important étant que cette partie est visuellement très belle. L'utilisation de html 5 est tout à fait justifiée dans ce cas, et non de l'ordre de la performance comme parfois.
Félicitations, je soupçonne que ce site sera très, très bien placé. Et ce sera mérité.

carine-Nethik
07 Octobre 2010 à 11h06

Merci beaucoup pour tous vos commentaires constructifs ! C'est encourageant !

Certains points méritent en effet d'être améliorés (gestion IE6, utilisation de la balise <video>, simplification des <div>) et ce dès la fin du concours !

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/