Cascading Style Summer Refresh 2010
hardtek musique par negstek
Voir en ligne http://negstek.com
Après refresh
Note obtenue : 1.317/10
Voir en ligne http://negstek.com
Note obtenue : 1.317/10
Les commentaires sont clos.
Ça span pour moi !
(Plastic Bertrand)
Commentaires
Dommage que le 0/10 ne soit pas possible...
Un livre d'or .... Ca nous rajeunit pas tout ça !
Petit retour 10 ans en arrière... :)
Pas grand chose à dire si ce n'est que le site n'est pas valide, que les tableaux ce n'est pas l'idéal pour le positionnement, que le vert pique aux yeux, 8 css et 12 javascripts chargés,...
Bref, tout serait à refaire en somme...
Mes critiques :
- tableaux de présentations ;
- styles en ligne ;
- erreurs de validation (je n'aurais pas eu l'audace de présenter l'icone "valide W3C") ;
- peu respectueux de la sémantique ;
- sans être graphiste, on peut dire que le design du site est assez malheureux ;
- niveau perfs, c'est pas optimisé (trop d'appels externes) ;
- niveau accessibilité, c'est pas terrible ;
- etc.
Mauvaises nouvelles, car la communauté Alsacréations étant la communauté Alsacréations, nous sommes plutôt tatillons sur l'usage des standards. La bonne nouvelle, c'est que tu te trouve au bonne endroit pour améliorer tout ça :)
Je te souhaite de bonnes et saines lectures sur la section apprendre, en espérant que tu prenne ces critiques du bon côté : c'est comme ça qu'on en apprend le plus :)
Le site n'est pas très agréable à regarder il faut le reconnaître, après je reconnait qu'il y a une amélioration par rapport à l'ancien personnellement, surtout au niveau de la navigation ;)
Continue comme ça! ^^
ça pique les yeux ... tu es daltonien ?!
Dommage que tu n'ait pas pris le temps d'apprendre à réaliser un design avant de le faire.
Moi je vous le dit, le webdesign c'est un métier.
Mais l'effort est la, ne baisses pas les bras !!!!
Halala, du Spirale23 du meilleur cru.. je garde pour les mix mythiques qu'on peut écouter.
Du coup je ne suis pas étonné par les couleurs aciiiiiides ! Enfin là j'ai les yeux qui saignent quand même.
coucou negstek,
Le graphisme est un peu triste, trop de noir tue le noir, même si le thème de ton site et bon représenté il y a trop de fluo et de noir dommage, mais le refresh est plus compréhensible qu'avant , le menu est là maintenant essai de mettre un peu de blanc et plus de couleurs gaies afin de rendre ton site un peu plus joyeux mais sinon c'est quand même sympa mais tu peux surement mieux faire.
@@TiK : Un peu anthipatique le garçon, il est où ton site ???
@Toniob : Cela dit c'est moi qui est traduit l'affichage du livre d'or ( source fr: http://www.phpcs.com/codes/WINN-GUESTBOOK-FR_... source us: http://winn.ws/ ) et je trouve celui ci très... ergonomique avec une interface d'administration plus que conviviale...
@pixelb : les tableaux c'est idéal pour le positionnement à certain endroit moi je m'en sert sans avis préconçus, les stylesheets ne sont pas forcement la solution toujours la plus adaptée...
@audrasjb : le fond est là, déjà ça vaut toutes les présentation pompeuses style curriculum vittae, évidemment faut aimer la hardtek... Sinon effectivement, je pourrais améliorer le chargement des .css et .js mais bon chez moi j'ai quand même les pages complètes en 1.5s donc pour les "perfs" pour moi c'est quasimment au poil.
@Shokojjo : merci de positiver un peu, ça change... pour une fois je vais rester motivé!
@titeuf & @lionmar : avec un écran de résolution correcte ça pique pas du tout les yeux. Pour le style du design comme celui de la musique je suis mon seul maître et vraiment pas là pour faire du commercial passe partout pour monsieur et madame tout le monde. J'ai mes gouts, je les assume et quand je code du coup c'est en musique dans un 'espace' qui me plait. Après, les gouts, les couleurs, ce qu'est sur, c'est qu'on à pas les mêmes... &&&...
@onlinegraph : merci j'en prends note!
@iManu : Monsieur est connaisseur... Normalement avec un ecran de qualité correcte, je le répète: pas besion de dacryosérum. J'ai un vieil écran LCD qui a presque 8 ans chez moi et là pas question de lire le menu... Mais je m'en sers pas souvent j'ai donc maintenu mon choix initial. Dslé.
@anais-id : Je suis tombé dans le terminal quand j'étais petit, depuis j'ai du mal à décrocher... cela dit le rose bonbon de ton site te vas à ravir, ton site est original et sympathique il y a de la bonne note dans l'air
Euuuh perso j'ai cru à une blague : réunir tout ce qu'il ne faut pas dans un site =/
Ouch !
Mais bon on voit que tu as bossé dessus, c'est bien =) Après il y a quelques progrès à faire je pense, au niveau graphisme : il y a quand même des codes sur le web, visite un peu ce qui se fait et tu verras, tu trouveras certainement quelque chose à ton image de plus...agréable je dirais ; puis au niveau structurel : il y a des standards, des normes, des règles, des modes, des tendances =) Et c'est comme ça que ça marche le web ! Innover en respectant les règles =)
J'espère que je te donne de bons conseils, tu ne peux que t'améliorer et essayer de rendre ton site plus attractif, agréable et ergonomique ^^
Après, comme tu le dis, chacun ses goûts c'est vrai, mais il ne faut pas non plus te voiler les yeux je pense, et justement au contraire accepter nos différentes critiques et remarques et mettre des solutions en oeuvre pour améliorer ton site =)
Hello,
Il est énorme ton site ! J'ai mis à fond les mix en fixant les couleurs flashy de ton site. J'ai du me cramer un bon milliers de neurones mais quel méga trip ! Dommage que je n'ai pas de pilules roses... Ca c'est du Web alternatif !
Mise à part ça, j'ai aimé le fait que tu es mis une bannière sur ACTA, je ne sais pas si ce truc est vrai, mais au moins on est informé...
Le plus important est que tu te sois amusé en faisant ce site Web, et ça, personne ne te l'enlèvera !
@rionma33 : C'est un peu vague comme critique, si tu me donnais des points précis qui posent problème je pourrais corriger les éventuelles imperfection...
@vectorskin : ça fais zizir d'avoir pu apporter un peu de bonheur à quelqu'un...
Pour l'acta je vous conseille d'aller voir le site de la quadrature du net qui est régulièrement mis à jour et sur lequel vous trouverez plus de détails..
http://www.laquadrature.net/fr
Bonjour negstek,
en tant qu'utilisateur et fan de ce genre de musique, j'ai été voir ton site ..malheureusement je ne suis pas resté longtemps et je suis fortement déçu, je m'explique:
Un design sombre colle a ce milieu mais je suis pas certain que le style "kitch" le soit. Le vert et jaune fait trop flashy sur le fond noir..ça donne pas envie de lire! Le style hardtechno mérite de loin une plus belle image ;)
Puis sérieusement, hardtechno ce n'est pas présentable à du 136 BPM ,ce n'est pas du drum'n'bass ni de la techno..je préfère de loin les artistes du style Dj Rush, Shranz, Linda Pearl..eux savent ce qu'est le vrai style HARDTECHNO !!!
En tout cas, je dois bien avouer que le contenu a l'air mieux structuré par rapport à l'ancienne interface, maintenant hélas, je rejoind l'avis des autres sur les couleurs et l'accessibilité.
Par contre, mettre en avant les boutons css/html annoncant que ton site est valide alors qu'il ne l'est pas, je trouve que c'est un peu abusé.
Heureusement tu es au bon endroit pour progresser !
Amis du html 2046, et des css 747 pour Sydney, bonsoir !
Je trouve cette prestation tout à fait extraordinaire ! Tant sur le plan du site, que sur les commentaires de l'auteur. Peu m'importe qu'il cherche à faire rire sciemment, ce que je crois, ou qu'il le fasse à ses dépends, je n'ai jamais autant rit en lisant les commentaires des uns et les réponses de l'auteur. Cette perle est sublime :
" C'est un peu vague comme critique, si tu me donnais des points précis qui posent problème je pourrais corriger les éventuelles imperfection... "
Évidemment toute la saveur est dans l'adjectif " éventuelles ".
Je propose de décerner la palme du kitsch, de l'humour anglo-belge ou ce que l'on voudra à l'auteur. Ce qui est le plus drôle, c'est que chacun y va de son couplet compatissant. L'ami audrasjb avec son panégyrique pour Alsacréations, qui est " l'endroit où il faut être ! " Et je passe sur les leçons de graphismes à tout crin proposées à l'auteur. Le plus gonflé étant bien sûr les icônes du W3c en bas de page, avec une css validée avec… 95 avertissements ! 99 eut été parfait mais l'auteur n'aime pas la perfection. En tous cas, le jour où l'auteur ouvrira des cours de design graphique, je m'inscris de suite !
Une question me taraude toutefois, les internautes qui se plaignent d'avoir les yeux qui piquent ( excellente sortie ! ) avaient-ils pensé à chausser leurs lunettes 3 D pour apprécier ce cybersite venu tout droit du futur antérieur ?
Pour finir sur un bon mot, j'invite l'auteur à commenter mon site, j'aimerais beaucoup rire, et je pense qu'il va s'y ennuyer ferme. On a tout de même un point en commun, oui ou non ? Le vert bi-fluoré qui ne raye pas l'émail…
@ghijselinck : pour cet histoire de vrai style, un t'as pas du tout écouté et de deux t'as pas du lire les présentations des artistes. Va t'acheter un skeud de Dj Rush à la fnac moi ce weekend je bouge en free party...
@LuciferX : pour cet histoire de bouton de validation moi je me demande si vous avez déjà essayé de les positionner, c'est bien plus facile de les mettre en lien comme j'ai fais pour dénicher les erreurs.
Apparemment il y a beaucoup de gens de mauvaises fois sur ce site, tous les styles css sont valides pour chaque page...
Le titre du concours c'est bien "Cascading Style Summer Refresh 2010" non?
Apres j'ai des trucs qui passent pas en xhtml strict je vous l'accorde et je galère vraiment pour corriger des erreurs moyennement compréhensible renvoyé par le validateur...
@designer1959 :
citation: " Le plus gonflé étant bien sûr les icônes du W3c en bas de page, avec une css validée avec… 95 avertissements ! "
T'as fumé la moquette tu confonds affichage des styles associés et warnings...
Y a bien un mot pour qualifié les gens de ton espèce mais c'est pas poli donc faudra que tu le devine!
Bon moi je connais pas la communauté alsacreation depuis longtemps mais je crois que je vais me retirer du concours, les gens hautains, pedants et imbus de leur personne ça commence à me gonfler apparemment je me suis trompé d'endroit.
Bonjour,
Quel que soit votre avis sur cette participation, merci de bien vouloir éviter toute méchanceté gratuite et de vous limiter à des commentaires constructifs qui peuvent être éducatif et aider les participants.
Sinon ce genre de concours n'a aucun intérêt.
Merci d'avance.
Hello,
Et ben. C'est dommage d'en arriver là Negstek, mais le CSSR c'est aussi fait pour se remettre en question. Vu les commentaires, plutôt que te dire que ce sont les gens qui n'ont rien compris au style du site, je pense que ça t'apporterais beaucoup plus de te demander pourquoi tu reçois tous ces commentaires. Sommes-nous tous des vieux cons dépassés par ta culture hardek ? Ben non pas forcément, pour ma part j'ai parfois l'occasion de fréquenter ce milieu (mais peu importe). Je pense que j'aurais donc pu comprendre tel ou tel choix de design (pareil pour la majorité des autres, faut pas être devin pour comprendre qu'on est pas dans l'univers de JulieGri par exemple [sympa aussi, à l'opposé ^^]).
Non, le problème c'est que à te lire, forcément, le problème vient des autres : qui ne peuvent pas apprécier la culture hardek, qui ont mal réglé leur écran (ça c'est un peu fort), qui sont coincés dans le pédantisme de leur CV (ça peut se comprendre qu'un professionnel présente son travail sur un site, nan ?), etc.
Personnellement, je t'ai proposé quelques critiques et tout ce que je reçois comme réponse, c'est un retour sur le pédantisme de ma présentation type CV... Ok. Oui, c'est un site de présentation, mais 1/ là on parle de ton site (fais alors l'effort de plutôt le dire dans mes commentaires alors, c'est plus constructif et sympa) 2/ J'ai un certain nombre de raisons pour présenter mon site de cette façon, que je peux détailler si tu veux.
Je pense qu'avec une partie des commentaires ci-dessus, tu as de quoi (en faisant un petit tri) identifier quelques un des points les plus embétants et faire quelques corrections , sans pour autant vendre ton site au grand capital ;)
Pour les erreurs du validateurs, lesquelles te posent des problèmes de compréhension exactement ?
Salut,
Je ne suis pas allé voir le site de negstek, mais je suis certain qu'entre son travail et les commentaires publiés ici, je ne me tromperai pas en disant où se trouvent les médiocres.
Hum…
N'étant ni adepte de moquette, trop accueillante pour les acariens, ni fumeur de quoi que ce soit, mais amateur de grand air, je viens non pas tenter de deviner le mot qui m'était destiné pour le renvoyer, mais tenter d'éclaircir la brume.
Si je 'ai cru pouvoir plaisanter en commentant ce site, c'est que j'ai cru percevoir l'humour de l'auteur du site. Concernant la validation, je ne confonds rien, j'ai utilisé le terme du site du W3c lui-même : " avertissements ". Ce qui n'a rien de grave, le sujet est ailleurs…
Si mon humour donc, ayant été mal pris, a forcé le trait, je le déplore sincèrement.
Je n'ai aucune pédanterie en matière de code, m'étant fait tirer à juste titre les oreilles par de plus compétents que moi sur mon travail.
Je répète, que j'ai cru sincèrement que l'auteur avait joué la carte du kitsch intentionnellement, et c'est en ce sens que j'ai plaisanté ainsi, je me suis donc trompé.
Il serait regrettable de confondre les participants, tels que moi, qui peuvent avoir quelques maladresses, et une communauté plus large que ce site représente.
Sans rancune ?
"Pour cet histoire de bouton de validation moi je me demande si vous avez déjà essayé de les positionner".
Peux-tu dévelloper car je ne comprend pas bein ce que tu veux dire par la ?
Car pour valider un site web, il n'y a pas 36 solutions, tu utilises ces 2 adresses et tu testes:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
Ce n'est qu'une fois le test passé haut la main que l'on t'invite à insérer les bontons sur ton site ;-)
@Raphael : merci
@audrasjb : J'ai pas dis ecran mal réglé, j'ai dis dépassé, de résolution moyenne. Un ami m'a dis que lemenu chez lui était moyennement lisible. J'ai démarré le pc que je garde pour choses moyennement avouable (la faute a hadopi?) et j'ai été faire un tour sur mon site, le menu était illisible. J'ai codé le site sur un toshiba portable i5 de 16'' e avec ma carte graphique ATI Radeon premium graphic aucun problème! J'ai pensé scanné les images du menu pour faciliter la navigation chez les gens moins bien équipés et j'avoue que j'ai eu la flemme de faire le changement. Je travaille actuellement sur la traduction de "dive into python 3" dans l'espoir de fournir une version publiable avant la noël. J'ai du choisir mes priorités.
Sinon, pour faire des changements, je suis pas fermé. Je suis prêt à les effectuer à partir du moments où ils me semblent intéréssant. Effectivement j'ai mon point de vue donc je changerais pas le style du site au profit d'un autre qui ne me conviendrais pas.
Pour les commentaires sur ton site, j'arrive finir de m'expliquer sur ta page.
@ +
@audrasjb : ce sont les erreurs xhtml qui me pose problème notemment des balises:
<br /> qui marchent quasimment partout mais qui bizarement à certains endroits ont l'air de poser problème...
@Ericf : merci c'est gentil.
@designer1959 : t'as du faire une bourde, le css est parfaitement valide, suis ce lien pour t'en rendre compte:
http://jigsaw.w3.org/css-validator/validator?...
il y a deux icones de validation sur mon site: le css et le xhtml, à mon avis tu as du confondre les deux...
Tiens moi au courant.
Sans rancune!
@LuciferX : Bon moi les validateurs on m'en a parlé, comme pas mal de truc j'ai appris sur le tas. Vu que je reste en général sur la page d'index dans mon site grace à un script php de mon cru (une sorte de MVC un peu barbare autant que je m'accorde l'adjectif moi même) je trouvais plus facile de mettre les liens dans mon footer avec les images, ce qui me permet de controler chaque page directement en cliquant... Je corrige les erreurs petit à petit, c'est quand même bien plus pratique que d'avoir à aller rentré l'adresse dans le validateur à chaque fois...
C'est pas la norme des webmestres issus d'epitech mais c'est intelligent donc peu importe, se sera ma norme à moi!
………Merci !
Validation /
Non, je ne me suis pas trompé, j'ai bien compris que ton code & css étaient validés. Pas de souci. La validation ne fait pas tout. J'ai obtenu aussi une validation pour la page & css que je soumets à ce concours, mais les lacunes de mon code demeurent. La validation et le standard, sont deux choses différentes.
Puisque nous avons enterré la hache de guerre et fumé le calumet de la paix, ce dont je me réjouis, voici quelques remarques sur ton graphisme, qui peut-être, te conduiront à réfléchir aux remarques déjà faites ici et là.
Je possède toujours d'excellents écrans ( Imac ) et lorsque je travaille, les rendus de mes sites sont subtils sur les nuances, etc. Quelle fréquente déception de visualiser ensuite mes sites sur un PC, si son écran est médiocre ! Les nuances sont " grillées ", certains détails disparaissent, etc. Cela m'a conduit à la réflexion suivante : les rapports de ton, de valeur ( niveaux de gris si tu veux ) doivent toujours être assez bien contrastés afin que dans le cas le plus indigent, ça reste visible / lisible.
Je revisite ton site, et sincèrement, le rapport jaune / fluo vert est vraiment peu lisible. Inversement, le rapport jaune ou vert sur fond noir, ça claque fort. Quand j'ai fait mon premier site, au fond noir, il y a quelques années, un ami et excellent designer m'a conseillé d'éviter absolument le noir 100 %, il avait raison.
Pour le reste de la mise en page, la structure de ta page est un ensemble de blocs qui semblent disposés de façon aléatoire. Si tu recherches une mise en page moins conventionnelle, moins orthogonale, moins " standard " alors, évite les blocs aux formes rectangulaires. Autre chose : le header et footer sont encadrés de la même façon, ce qui fait que le regard hésite à choisir où se poser.
Dernier point : l'idée du regard type " Big Brother " Hadopi vous surveille éveille ma sympathie critique et rebelle, mais alors pourquoi ne pas avoir structuré plus fortement ta mise en page autour de ce concept ? À commencer par le centrage de la page, afin que le regard… nous regarde ! Éventuellement, laisser les yeux seuls, sans l'arrière plan techno un peu confus, et surtout ne pas encadrer le tout dans un rectangle. Voici quelques pistes de réflexion parmi d'autres…
@designer1959 : merci, là au moins ça me donne un peu de matière pour avancer!
@Le_chevalier_blanc : ce commentaire extrêmement intéressant te vaut bien évidemment un bannissement du site.
Ok, j'en suis heureux.
On essaye de partager des expériences, des questions, des réflexions.
N'hésite pas à faire signe pour la suite…
@designer1959 : D'ac