[Intermédiaire] PSD-Html

Bonjour à tous,

Je tiens à signaler la qualité de ce site, un grand bravo.

J'ai trouvé ce site après l'achat d'un bon bouquin à la FNAC:
CSS avancées - Vers HTML5 et CSS3-> à conseiller.

Enfin assez de blabla

Je vous présente mon nouveau site afin d'obtenir un maximum de critiques afin de le faire évoluer.

Il est en ligne depuis fin juillet de cette année.

Je propose mes services d'intégrateur html avec 2 formules dont une gratuite.

l'adresse de mon site: -http://psd-html.fr

Merci et à bientôt,

djb
Modifié par gremlins (12 Sep 2011 - 18:21)

j'aime vraiment bien c'est très joli

Salut,

Quelques remarques pêle-mêle :
— Tu déclare deux fois ton charset ;
— Tes scripts pourraient être appelés en fin de document ;
— Le message IE>7 ne sert à rien du tout, les utilisateurs d'IE6 savent généralement que leur navigateur n'est pas à jour. De plus, ton site pourrait être facilement intéropérable ;
— Attention à mailto, attrape spam par excellence ;
— Tu nous fais une divite… attention ;
— Ton menu de navigation pourrait être englobé dans un élément <nav> ;
— Il ne faut pas insérer d'images porteuses de contenus via CSS mais plutôt dans le HTML avec un texte alternatif correct ;
— Tu as des éléments vides (divisions, aside…) ;
— Ton utilisation des titres n'est pas bonne : les h2 de «Formules» devraient être du texte en paragraphe ;
— Les target="_blank", c'était mal, mais l'équivalent javascript n'est pas bien mieux !
— Le menu ne montre pas la page courante ;
— Ton numéro de téléphone est totalement inaccessible… il faudrait le mettre dans un vrai texte (HTML est fait pour décrire des contenus pour rappel) ;

— Je ne comprends pas l'objectif de la page «Exemples»… présenter au téléchargement des choses qui sont conçues et mises à disposition par d'autres ?!?

gremlins a écrit :
Je propose mes services d'intégrateur html avec 2 formules dont une gratuite.

!!
Modifié par audrasjb (10 Sep 2011 - 15:37)

Salut,

gremlins a écrit :
Je propose mes services d'intégrateur html avec 2 formules dont une gratuite.

Depuis quand travaille-t-on gratuitement ?

Désolé pour ce hors-sujet ; mais, c'est le genre de truc qui me fait bondir.

Bonjour Victor,audrasjb

@Victor,

Comme tu peux le penser, je ne vis pas du codage. Je suis responsable dans l'industrie.

Mais tout comme toi, j'imagine un jour ou mon patron me présenterais un collègue qui viendrait travailler à ma place gratuitement!!!! Je pense que comme toi je taperai une crise.

Je suis un débutant et pense encore à ces années 90 ou je venais d’acquérir un modem 56K de chez wanadoo, je me souviens aussi des quelques sites ou nous croisions la gratuité.

Je parle comme un vieux de 40 ans maintenant c'est finis hélas.

@audrasjb,

Merci pour tes conseils, je vais les suivre.

Pour les téléchargements, ce sont des PDS que j'ai codé gratuitement.

Merci à vous deux pour les commentaires et bon we

gremlins a écrit :
Comme tu peux le penser, je ne vis pas du codage. Je suis responsable dans l'industrie.

On se doutait bien que tu n'était pas un professionnel du secteur.
Et ce n'est pas un problème que dans ce secteur, des bénévoles côtoient des spécialistes, au contraire

gremlins a écrit :
Je suis un débutant et pense encore à ces années 90 ou je venais d’acquérir un modem 56K de chez wanadoo, je me souviens aussi des quelques sites ou nous croisions la gratuité.
Je parle comme un vieux de 40 ans maintenant c'est finis hélas.

Tu sais, tu te trouve justement sur un site/forum/communauté totalement gratuit… et ce n'est pas le seul coin gratuit du web, loin de là !

Tu semble regretter le web d'avant l'éclatement de la bulle… Je ne vois pas pourquoi, vraiment !
Modifié par audrasjb (11 Sep 2011 - 13:07)

C'est très au point et c'est beau.

Ça ne va pas être très pertinent ce que je vais dire, mais... j'aime beaucoup le design de ton site, et de wordpress.fun.

Bonjour,

Impossible de naviguer au clavier. De grace, remet l'outline normal sur le hover/focus (pour le js) des liens !

Niveau design, c'est du beau travail, même si l'ensenble est un peu sombre.

Pour le code :
* Tu as de nombreuses metas inutiles ou mal utilisées : robots et googlebot (avec des mots clés ?), keywords (ne sert plus à rien), author (pas utile), geo.placename (pas utile).

* Attentions aux espaces manquantes (dans ta meta description, par exemple).

* HTML5 doit s'écrire en majuscule (c'est un acronyme).

* Comme déjà dit, il est préférable de placer les scripts en bas de page, afin qu'il ne ralentissement pas le chargement du contenu.

* Le message d'avertissement pour IE6 et 7, c'est pas pro, et pas vraiment cool pour les visiteurs qui ont le navigateur : ils savent qu'ils utilisent un passoire pas pratique et qu'il y a bien mieux comme navigateur, mais il ne peuvent pas changer de navigateur (pour rappel, sous windows, les mise à jours sont par défaut en téléchargement et installation automatique, donc les noob pas doués, ils ne se sont même pas rendus compte qu'IE9 s'était installé).

* Attention au mailto, c'est le meilleurs des attrapes spams. D'ailleurs, difficile de savoir comment te contacter sans avoir regardé le code

* Comme déjà dit, les images porteuses de contenu doivent être placé dans le code HTML avec un élément alt correctement rempli. Un élément vide dans le HTML est un élément inutile !

* Attention à ta hiérarchie des titres, tes h2 ne sont absolument pas des titres de sections. Ce sont de simples paragraphes. Si tu souhaite mettre du texte en valeurs, il suffit d'utiliser un classe sur le <p>. Inutile de détourner les autres éléments.

* Par contre tes h1 "Gratuite" et "Unique" sont des h2.

* L'ouverture de pop-up, c'est pas génial... C'est également le meilleurs moyen de t'assurer que le visiteur ferme la fenêtre d'où il vient et perde son historique de navigation.


Bonne continuation.


ps. : Merci d'éditer ton sujet et de modifier son titre en ajoutant ton niveau de compétence, comme cela est demandé dans les règles spécifiques de ce salon.
Modifié par Laurie-Anne (12 Sep 2011 - 08:43)

Bonsoir,

Un grand merci pour vos commentaires. Vous avez réalisé un audit complet.

Le seul regret c'est de n'avoir pas connu ce forum avant...

@Laurie-Anne,

Merci pour tes conseils, j'avais placé mon script en bas de page mais c'est pas terrible pour l'affichage de ma div, elle apparait pendant le chargement de la page et disparait avec le script.

pour le reste je vais réaliser les modifs et prendre note des remarques

Merci encore à vous tous,

Salut,

Laurie-Anne a écrit :
* Comme déjà dit, il est préférable de placer les scripts en bas de page, afin qu'il ne ralentissement pas le chargement du contenu.

Ca dépend (ça dépasse, forcément). En mode asynchrone, Google préconise de mettre les scripts dans l'élément head.

C'est vraiment du détail, mais tu peux utiliser l'attribut placeholder sur tes input, et ainsi te passer de js, au moins pour les navigateurs qui le supportent.

Salut,
J'ai trouvé ce blog très ressemblant à l'une de tes réalisations.

*édite j'avais pas vu qu'il venait de Smashingmagazine, j'ai rien dit *
Modifié par mng (14 Sep 2011 - 00:00)