• 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

Simplify par Blinkers

Voir en ligne http://keepshadow.info/simplify/

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 5.040/10

Commentaires

Blinkers
27 Septembre 2010 à 12h55

Un site perso assez simple sans fioriture.
Un effet qui ne se vois pas au premier coup d'oeil, c'est lors du chargement de la page, la citation philosophique en bas se génère avec javascript.

Je souhaitais faire interagir le neko (chat) en bas. Donnant des informations dans une bulle concernant la création actuel, des informations etc.., mais pas eu le temps de finalisé ce gros du travail.

En tout cas ce concours m'a permis de lancer mon nouveau design qui en avais bien besoin, donc merci :)

Shokojjo
28 Septembre 2010 à 01h13

C'est beaucoup mieux que ton ancienne version ;) Refresh réussit dans son ensemble.

Bonne continuation et bonne chance pour le concours
Tom

iManu
28 Septembre 2010 à 09h45

Bel effort de précision, on sent le temps passé à peaufiner au pixel près et sur l'harmonie des couleurs.

audrasjb
28 Septembre 2010 à 17h36

Joli travail, en effet ! Visuellement ça fonctionne très bien :)

Points noirs :
- encore un cas de divite avancée ;)
- des divisions vides ;
- un menu étant une liste de page, on utilise généralement une liste non-ordonnée pour le décrire ;
- pas de titre de niveau 1 ;
- des retours chariots html utilisés pour faire de la mise en forme ;
- les scripts pourraient être regroupés et appelés en fin de document.

chanclindoeil
28 Septembre 2010 à 19h18

Très joli design, très réussi !
Bonne chance !

Blinkers
29 Septembre 2010 à 10h21

Merci à tous pour vos commentaires.

@audrasjb : Je suis d'accord, je vais effectuer les modifications dès la fin du concours :), pour ce qui est des scripts, dès que le site est fini d'être développer, je les regroupes et compresse le fichier final.

pixelb
02 Octobre 2010 à 11h10

Refonte réussie bien qu'un peu simple... bonne continuation

designer1959
02 Octobre 2010 à 20h38

De prime abord, une bonne impression sur le graphisme. Et puis, enfin un site centré qui ne joue pas les prolongations ( latérales ) ! J'aime bien les menus, le fond bois, le background, un peu moins le header, mais tout ça est très soigné. Par contre, le temps de téléchargement a fait que le socle du bas est apparu en retard… et je préfèrerai m'en passer ! Le gadget du chat qui saute m'ennuie, et le socle en général n'apporte pas grand chose. Il y a des mélanges : l'humour de l'auteur, la mode des sliders qui me fatigue un peu pour finir, et dont j'aimerais mettre en pause le défilement pour lire tranquillement les contenus. Cela reste un bon travail qui donne envie de découvrir la suite.

Blinkers
02 Octobre 2010 à 20h49

@designer1959 :
Merci pour tes remarques, je vais les prendre en comptes, il est vrai que j'ai passé beaucoup plus de temps dans le design que dans le dev, je pense que sa ce ressent. Comme tu dit à voir la suite ;)

p0ulpe
03 Octobre 2010 à 00h43

Jolie refonte, y'a pas photo avec l'ancienne version.

Nico3333fr
11 Octobre 2010 à 21h12

Un bon graphisme, la refonte est réussie... dommage que le site ne soit pas fini, je suis presque frustré de ne pas pouvoir surfer dessus. Le neko en bas de page est un peu énervant à sautiller ! :)

Pense à ajouter la compression sur tes fichiers JS, ça allègera le chargement de ton site.

A finir, allez, au boulot ! :)

Riku Asakura
12 Octobre 2010 à 10h47

Sympa en effet.
Un point négatif pour les liens du menu principal.
J'ai l'habitude de rentrer sur ces liens en passant par en dessous. Le souci étant que tu décales le lien vers le haut, ma souris s'est donc retrouvée à cheval entre le lien remontant (effet de survol) et le lien redescendant (effet de retrait). Fort désagréable.

Cela peut s'arranger en bougeant le texte grâce à du padding ;)

Bonne continuation.

Blinkers
12 Octobre 2010 à 10h56

@Riku Asakura : Merci pour te remarque, j'avais en effet constaté ce problème, pas bête du tout le padding, à corriger rapidement :D

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/