• 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

Chef de projet Internet par bgouban

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

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 6.000/10

Commentaires

PierreA
27 Septembre 2010 à 12h35

Bon refresh. Mise en page sobre et apuré.

Je trouve juste que la typo du menu, et celle du titre de ta page sont peu lisible (j'ai beaucoup de mal avec l'italique).

Le logo est sympa bien qu'un peu petit à mon gout.

Sous Safari (Mac OS) j'ai pas d'image dans le cadre en bas à droite "Sur le blog" pour les trois premiers éléments. J'ai un point d'interrogation bleu à la place. :)

Bonne continuation,
Pierre

Ariakan972
27 Septembre 2010 à 12h51

Attention, une mini erreur html, d'un petit espace manquant, corrige la vite ! :p
Par contre le CSS, dommage que ça ne passe pas la validation... :(
Dommage également qu'un soin n'ai pas été apporté à IE6...
Quitte à faire une CSS en plus rien que pour lui, ça aurait valu le coup. :)

Le design est assez classique, mais sobre et joli. La home présente bien les points principaux, c'est nickel. :)

Bonne utilisation discrète de Jquery, Portfolio sympa.
Petit touche d'humour sur la fin que j'aime bien. :D

Ca manque juste un peu de peaufinage au niveau du code.

bgouban
27 Septembre 2010 à 13h52

@PierreA : merci pour le feedback je vais checker le pb de Safari asap ;)
@Ariakan972 : effectivement il reste des détails de code à peaufiner, je ne te cache pas que cette refonte s'est un peu faite en mode "rush", on a le temps de faire des sites pour les autres, mais quand il s'agit de son propre compte...! Je vais travailler la dessus en tout cas. Merci de ton retour.

audrasjb
27 Septembre 2010 à 19h32

Là aussi on a droit à un beau refresh :)
Jsuis pas trop fan du macbook et de l'ipad, mais bon c'est peut-être parce que 'ai pas encore switché (le mois prochain !) :D

Le bouton envoyer du formulaire de contact aurait gagné à être mieux charté ;)

Je suis fan de ton pied de page "ce que je peux faire/ce que je peux pas faire" :D Bien vu !!

Ekyunoryu
28 Septembre 2010 à 15h26

Déjà vu ce macbook utilisé sur d'autres sites, ce n'est plus très originale.

Mais l'ensemble est plutôt agréable.

rionma33
29 Septembre 2010 à 10h04

Moi j'adoooore ^^ Mon préféré pour l'instant ^^ Pile le style que j'aime (même si je hais cette guerre Windows vs Mac ! et que moi je suis les 2 et basta !)
Pleins de bonnes idées, un design super, pas trop chargé, des ptits éléments et animations là où il faut et comme il faut ^^
Franchement, un presque perfect pour moi <3 et un site qui file dans mes bookmarks !

bgouban
02 Octobre 2010 à 19h00

@audrasjb @Ekyunoryu : Certes le macbook n'est pas spécialement original, mais il prend tout son sens quand on me connait un peu. Mes locaux accueillent 1 iMac 2 MacBooks 1 iPad et 2 iPhones4 et autres TimeCapsule etc...donc c'est un peu la caverne de Steeve Job Baba. L'idée était comme pour ma version précédente, de montrer un peu mon bureau, mais dans un autre style graphique.

@rionma33 : merci :) encore une fois il n'est pas vraiment question de gueguerre, disons que je vend des services de qualité donc je n'hésite pas a montrer que je travaille sur du matériel de qualité. Je vais sûrement mettre le thème a disposition sur le web dans quelques mois si cela t'intéresse.

Shunkin
04 Octobre 2010 à 20h56

Sympa le message pour les utilisateurs d'Internet Explorer.
Hormis le fait que pour la majorité d'entre eux ce message sera incompréhensible, tu aurais pu signaler qu'ils pouvaient tout de même consulter le site (sans les indispensables coins arrondis et effets d'ombre) en appuyant sur la touche d'échappement.

Comme le site insiste sur l'accessibilité, je me permets d'en parler :
- Navigation au clavier impossible.
- Certaines images porteuses d'information sans alternative.
- Un lien d'évitement vers la recherche utilisable uniquement avec Javascript active (une première pour moi).
- Illisible sans images, mais là c'est du détail.
- Pas d'information sur les abréviations, mais là aussi ça devient du détail.

A part ça la disposition des éléments et le choix des couleurs me plaisent bien.
L'utilisation d'une police exotique uniquement pour les titres et les courtes citations je trouve ça bien.

designer1959
05 Octobre 2010 à 22h32

Des qualités certaines, mais j'aimais bien aussi la version antérieure, drôle et claire.
Je rejoins les remarques critiques sur l'illisibilité de l'italique trop serrée et cernée, la présence du Mac ( le clavier de l'ancienne version suffisait ) ne fait pas caverne, mais un peu trop Apple store, Je suis moi aussi utilisateur de Mac depuis toujours, mais bon…
J'ai apprécié l'humour de l'auteur.

Nico3333fr
11 Octobre 2010 à 22h34

Très sympa, je rejoins les autres avis (fonte italique pas très heureuse), sinon c'est clair, net, bien présenté.

Une bonne réalisation, sans aucun doute.

Riku Asakura
12 Octobre 2010 à 10h37

Dommage que la typo choisie pour les éléments importants (titre, intitulé de menu) ne soit pas plus lisible que cela. Je pense qu'elle est destinée à un usage en plus grande taille.
C'est "graphique", mais ça manque de lisibilité selon moi, par contre ça passe bien dans le h1 de l'accueil (que j'aurais présenté en blockquote plutôt qu'en section, mais c'est à voir...)

Bonne réalisation en tout cas, < humour >même pour un pro Mac :p < /humour >

Les commentaires sont clos.

 La nuit tous les chats sont #CCC  (Groucha)

  • 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/