• 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

Drum-bass par danYdan

Voir en ligne http://www.drum-bass.net/

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 5.410/10

Commentaires

Ariakan972
27 Septembre 2010 à 13h15

Design très réussit !

Quelques trucs ne vont pas hélas :
- le code n'est pas valide (pour l'HTLM et la CSS)
- sous IE6 l'affichage est catastrophique... il faudrait essayer de faire une version dégradée pour lui !
- Les blocs du haut sont illisibles !! (sur ma résolution du moins) Essaye d'en mettre que 4 et d'agrandir la police
- Et.... c'est tout je crois ! :D

Les critères ne sont pas vraiment les même ici (car on retrouve essentiellement des CV et Porfolio), mais pour un Magazine, je trouve ça réussit. :)

danYdan
27 Septembre 2010 à 15h21

Bonjour, merci pour votre commentaire. Je tiens à signaler que le site a été développé en html 5, et comme les statistiques de mon site affichent moins de 1% de navigateurs IE6 connectés, j'ai considéré qu'il n'était pas utile de faire quoi que ce soit pour lui.
Pas rapport au code invalide, c'est vrai il n'est pas à 100% valide mais cela n'est pas nécessaire qu'il le soit.

MoOx
27 Septembre 2010 à 18h13

je trouve la partie sous le logo un peu fouillie avec des typos trop petites.
Niveau HTML5 c'est bien pas mal (tu peux virer type='text/javascript' sur les scripts)

Nico3333fr
27 Septembre 2010 à 20h12

De gros efforts à fournir point de vue performances (Google pagespeed), le site a eu un peu de mal sur ma petite connexion.

Un design original en effet ! Un peu chargé et très dense, mais ça colle bien à l'univers du site.

danYdan
28 Septembre 2010 à 00h49

Je m'excuse car je vois que tous les participants ou presque ont fait de l'html5, c'est vrai que j'aurai pu mieux faire pour la validation.
@Nico3333fr c'est un soucis que je penses régler plus tard, mais merci pour le commentaire
@MoOx merci pour le commentaire, par rapport à l'html 5, je voulais rajouter que je n'ai pas trouvé sur le net une explication clair des "role" donc je m'en suis plus ou moins passés.
Merci pour les votes

rionma33
28 Septembre 2010 à 19h43

J'aime beaucoup le design, côté ergonomique, comme cela a été dit, il y a peut être quelques corrections à prévoir ^^ Mais sinon j'apprécie beaucoup la charte graphique, bonne ambiance =)

mat_dev
29 Septembre 2010 à 11h14

Le site a pris un bon coup de jeune, le style colle bien au thème.
Un souci tout de même : les blocs du haut. Le cinquième apparait en surimpression sur le titre "Coup de coeur" et non pas sur la même ligne que ses copains.
ps: j'aime beaucoup votre site http://www.ineolab.fr

danYdan
29 Septembre 2010 à 14h42

@rionma33 content de voir que l'état d'esprit frais et nouveau du site soit palpable :o)
@mat_dev merci pour le commentaire par contre je n'arrive pas à voir de quoi tu parles précisément ;op

Je suis content que tu apprécie le site d'inéolab même si ce n'est pas le sujet de ce concours. Simplement pour info ce sont plusieurs thèmes Wordpress ensemble que j'ai réadapté à ma sauce et pour Direct News (mon CMS de prédilection).

cilou
30 Septembre 2010 à 00h36

Bonjour
Je trouve que le refresh est très réussi, j'aime beaucoup le haut et le cœur de page (très lisible), un peu moins la partie sous le moteur de recherche (trop dense)
Comme mat-dev, le soucis du bloc qui passe à la ligne, c'est sous IE8.
Sous IE7, tout le haut n'est vraiment pas top...
Sinon, coup de chapeau quand même pour le code html5 (bien hiérarchisé aussi) sous Spip et avec ce type de site très fourni, j'aimerai bien un jour arriver à faire aussi bien :) A priori les erreurs sont plus dans certains styles inlines obsolètes.
A part ça, j'ai pas trop compris l'intérêt du div caché en haut de page et j'ai la barre de défilement du navigateur en 1024.

Bonne chance

dimithekid
30 Septembre 2010 à 11h47

A première vue, Je trouve le site un peu trop fouilli.

Au premier abord, je trouve qu'il ne donne pas envie d'aller plus loin que la page d'accueil.

Trop d'info tue l'info...

Mais on sent du travail malgré tout. ;)

danYdan
30 Septembre 2010 à 12h11

@cilou merci pour le commentaire, je vais voir le problème avec IE mais j'avoue ne mettre à peine intéresser à lui par manque de temps ;op
Le bloc caché du haut est une astuce à la con que j'utilise depuis que facebook existe et qui permet lors du partage de l'URL d'avoir le logo de Drum-bass qui apparait en premier.

@dimithekid merci pour le commentaire, en effet le site est très fouillis, c'est un des nombreux problèmes que j'ai essayé de résoudre avec ce refresh mais je penses que je ne pourrais jamais complètement le régler car la force de mon site c'est son contenu !

Shokojjo
01 Octobre 2010 à 16h04

Je trouve que ton refresh est réussit c'est du bon travail, même si comme cela a été dit, il y a beaucoup d'informations ce qui à tendance à rendre la lecture plus difficile, mais c'est néanmoins le propre à ce genre de site alors c'est cool.

Pour les reste des critiques je pense que l'essentiel est dit plus haut, me reste plus qu'à te souhaiter bonne chance pour le concours, et bonne continuation

Tom

designer1959
03 Octobre 2010 à 01h38

C'est toujours une sensation agréable de découvrir un style graphique différente du sien, et qui est bon ! Je suis preneur, sans hésiter.
Les pages sont très riches en contenus, et pourtant s'affichent raisonnablement vite.
La réponse apportée par l'auteur sur IE me paraît pertinente, au moins dans le cas de ce site en particulier. Si on ne peut ou ne doit sans doute pas faire l'impasse dans le cas d'un site de très grande envergure, marchand ou informatif, n'est-ce pas à l'auteur du site d'en décider ? De surcroît, négliger les mauvais navigateurs est aller dans le sens du progrès.

Mikachu
12 Octobre 2010 à 00h44

Beaucoup de perplexité, car il y a de bonnes idées, mais c'est aussi un peu fouilli et compliqué. Pas encore abouti selon moi, mais sur la bonne voie.

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/