• 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

Codeurmania par maxou1242

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

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 4.800/10

Commentaires

rionma33
27 Septembre 2010 à 13h59

J'aime beaucoup, c'est très clair et coloré =)

JuJu57
27 Septembre 2010 à 14h13

Design très clair et agréable !
Petit défaut près du titre (on voit un petit décalage dans le nuage). Une image est utilisé pour celui-ci. Je pense que du CSS appliqué à du texte aurait suffit et aurait été plus joli.
8 erreurs de validations.
Mais site très clair et bien organisé.

JuJu

jonathanulco
27 Septembre 2010 à 14h19

Dommage pas de css3/html5, et la structure sémantique n'est pas top, je pense particulièrement au heading. Absence de h1 et vous avez l'air de confondre fond et forme sur leurs utilisations.

Riku Asakura
27 Septembre 2010 à 14h40

Si je navigue au clavier je découvre où je suis uniquement lorsque j'arrive sur les champs de formulaires... pourquoi avoir retiré la outline sans la remplacer ?
Sinon le design est propre et agréable.

Bonne continuation

Ariakan972
27 Septembre 2010 à 16h42

Bon design !

Quelques erreurs XHTML à corriger (rien de bien méchant, mais à corriger quand même !!), CSS valide, clean, simple, accès aux infos rapide... Bon boulot ! :)

Shokojjo
27 Septembre 2010 à 18h44

Hello, Joli design! Il semble même valide tous navigateurs semble t-il IE6 inclus c'est une très bonne chose, il est épuré et simple c'est super.

Malheureusement quelques points négatifs:
- Un message apparait sur la page http://www.codeurmania.com/services.php qui c... toute l'harmonie de ton footer.
- Manque beaucoup de contenu sur toutes les pages
- les liens du footer n'amenant nulle part

Dans l'ensemble ça reste surtout un bon site, bon boulot! ;)

audrasjb
27 Septembre 2010 à 19h02

D'accord avec les commentaires précédents, et mention spéciale pour le reset css du outline, une pratique en vogue malheureusement :(

Certains boutons ne sont pas (ou mal) détourés.

Les pubs en popups intempestives sont un peu énervantes :P

J'aime bien la page contact :

"Vous avez des questions?
Ou des suggestions?
Alors écrivez-nous!"

--> et l'adresse postale on la trouve comment ? :D
Autre chose : revoir l'utilisation de la balise <label> (il manque l'attribut for obligatoire).

Dernière chose : cette divite aïgue me fait penser à de l'art ASCII :D
-->
<div class="row-2">
<div class="box">
<div class="border-top">
<div class="border-right">
<div class="border-left">
<div class="left-top-corner">
<div class="right-top-corner">
<div class="bottom-bg">
<div class="border-bot">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<h5>Formulaire de Contact</h5>
<form action="contact_prog.php" method="post" id="form">
<div class="wrapper">
<div class="col-1">
<div class="form">

Joli ! (j'ai pas tout recopié)
Plus belle divite du concours, mention spéciale :)

Je charie (c'est pas méchant ^^) mais quand même c'est la plus belle qu'il me soit donné de voir !

juliegri
27 Septembre 2010 à 21h21

Erf il y a des pubs qui cassent tout !
Sinon c'est très joli et bien coloré, j'aime.

Nico3333fr
27 Septembre 2010 à 22h53

Aïe, les pubs cassent ce design plutôt pas mal !

Je ne vais pas redire ce qui a déjà été dit. Selon moi : du boulot à fournir point de vue perfs, pas de favicon, des images qui sont aliasées sur mon écran (devenir prestataire, consulter les projets), deux liens dont je ne comprends pas l'utilité (Vous avez des projets web à réaliser et Vous êtes webmaster ou webdesigner professionnel, il ne se passe rien quand je clique dessus), qq fautes de frappe... c'est dommage.

Jolie idée de design, mais à améliorer point de vue technique.

iManu
28 Septembre 2010 à 10h44

Fruité, frais. J'aime bien.
Un truc me fait bizarre : la phrase "Vos projets web en un clic" ça ne fait pas fuir les clients exigeants ? (genre ils vont me fourguer un template avec un cms open-source qu'il faudra que je configure) ??? Attention de ne pas provoquer l'effet inverse. Cela-dit je ne suis pas pro du marketing..

@TiK
28 Septembre 2010 à 13h13

Je le trouve très statique, bien trop figé... Pas d'effet de survol et encore moins de :focus...

J'ai beaucoup de mal à comprendre la cohérence des blocs "Web" "Création Web" et "CMS" sur la page d'accueil, leur listing respectif se mélangent :-/

Sinon c'est clair et lisible!

Bon courage!

LuciferX
29 Septembre 2010 à 16h16

Sympa, le design est propre et lisible, l'agencement est pas mal non plus même si il n'est pas toujours très clair.

Par contre, il y a pas mal de liens qui n'amènent nulle part.
Au moins une balise meta inutile.
Pas de balise h1 mais un h2 ?
navigation au clavier impossible puisqu'il n'y a plus de outline.
Le formulaire n'est pas sécurisé, et bizarrement il y en a 3, ca serait mieux de proposer un seul formulaire.
La page services et utilisée comme page de partenaires (logos), et n'est pas trop bien agencé surtout avec le petit formulaire Webomara qui apparait en plein millieu de la page.
Quand on consulte les projets on ne se rend pas vraiment compte du travail réalisé (ca ne serait pas mal de rajouter une image)
Des images non détourées (bouton en haut à droite quand on est sur la page "Prestataires".

Voila, il y a encore de nombreux points à améliorer mais dans l'ensemble, c'est pas trop mal ;-)

LuciferX
29 Septembre 2010 à 16h32

Faudra aussi m'expliquer l'utilité de cette balise <meta http-equiv="Content-Style-Type" content="text/css" /> ???

mat_dev
29 Septembre 2010 à 17h01

Lorsque vous avez acheté le template ( http://www.templatehelp.com/preset/pr_preview... ), les sources disponibles étaient uniquement PSD ou vous aviez l'intégration avec?
Si vous aviez les fichiers html, la moindre des choses aurait été de corriger les erreurs d'intégration et de rendre votre site valide W3C.
Concernant la page contact, vous disposez réellement de bureaux en Australie?
N'utilisez pas simplement le contenu acheté. Adaptez le à votre image.
Sinon, le code est lisible, bien indenté, bien que non valide.
Le choix du template est judicieux, car propre et clair.
Cependant, je vais vous reprocher ce qui me l'a été également.
Vous auriez dû annoncer aux votants que le graphisme n'est pas de vous.
L'intégration l'est-elle?

designer1959
30 Septembre 2010 à 23h58

En regardant le graphisme de ce site, — avant de lire les commentaires de l'arrosé-arroseur, et d'apprendre que ce site est fondé sur un " template " — en lisant les commentaires élogieux sur le graphisme, je me disais ceci : oui, le graphisme est bon, mais il est également inodore et sans saveur, tellement conforme à ce que partout on trouve depuis un certain temps et qui disparaitra aussi assez vite : des effets de mode.

SandrineA
05 Octobre 2010 à 13h43

Participer à un concours avec un template acheté, je trouve ça abusé quand même...

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/