Way of the web, projet personnel

Bonsoir ou bonjour,

Il y a peu j'ai fait un blog, dans un but plus auto-pédagogique qu'autre chose, en effet mon lectorat se compose de zéro personnes si l'on exclue mes personnalités doubles : voici le lien (http://tahmahal.alwaysdata.net/).

Pour le réaliser, j'ai utilisé un design sur lequel j'ai "flashé", nommé Coffee N Cream et réalisé avec du code 100% valide par Arcsin (lien). Mais j'ai modifié et remodelé, plus ou moins selon les éléments, le code et l'apparence de la page. Je vous la soumets donc en m'attendant à une analyse fort critique, pour les raisons suivantes :

1 - Bien que l'index soit validé XHTML 1.0 Strict, je pense pouvoir avoir inséré un truc par ci par la sur une des pages (honni soit qui n'a jamais, a 4h35 du mat, inséré un <br /> sans block autour sans le voir ou autres joyeusetés).

2 - Après construction, j'ai pris conscience que le site repose vachement sur les images. Je n'ai pas tenté de reconstruire tout le CSS d'Arcsin.

3 - Sous Firefox et Safari, c'est super. Sous Opera, ça passe mais c'est moins beau sans les border-radius . Sous IE7, IE6 et IE8b, ça passe mais ça perd un peu de charme ... et d'après mon ieTester, sous IE 5.5 et antérieurs, ça "implose".

4 - Enfin, la qualité sémantique du code n'est sans doute pas toujours parfaite.

Je travaille encore à améliorer les points 1, 2 et 4, mais comme expliqué plus haut, je m'adresse surtout à moi-même dans ce blog, donc je ne pense pas coder un jour une version compatible préhistoire. Je n'ai pas pu tester sous NS4 ou Konqueror, mais j'imagine que le premier serait catastrophique et le second tout à fait correct.

Ne faites pas attention au contenu du site, c'est des essais principalement du code PHP cette fois ci.

Merci d'avance,
Tahmahal.

Salut,

J'ai consulté ton site, il est déjà plutot réussi graphiquement même si c'est repris ^^.

- Je te dirais de remplir ta balise title en fonction de ton contenu avec des mots clefs, comme le titre de l'article par exemple ^^.
- Même remarque pour ta balise meta description.
- Dommage d'avoir un tableau dans le footer, je pense que tu peux avoir un rendu équivalent avec une liste .

Sinon rien de spécial d'autre à dire ^^.

Tu fais une utilisation abusive des class là où des ID serait plus logique (c'est pas hyper grave, ça gène en rien, mais ça serait plus "logique).
Dans la class header :

<h2>Tahmahal's home in the Web</h2>

ne devrait pas être un h2 mais un p

C'est domage que ta navigation ne soit pas faite à base de liste.

<h2 style="font-variant: small-caps">

Le style des h2 devrait être dans le CSS, vu que c'est le même pour tous les h2 du div content.

Dans le sidenav, tu utilise h1 pour baliser les heading, j'utiliserais plutôt h2 ou h3, en effet, c'est titres ne sont pas du même niveau que le titre général de ton site, à toi de voir s'ils sont du même niveau que les titres de postes.

<a title="Système de commentaires intégré. - In &quot;Life, Universe and Everything&quot; - 02/25/2009" href="article.php?id=19">
      <img src="img/42.jpg" alt="" title="Life, Universe and Everything" />&nbsp;&nbsp;Commentaires : c'est fait !
</a>

Pour les images de présentation, le title ne ser à rien, à part rendre confus l'utilisateur, d'autant plus qu'il y a changement de langue.
Les titles ne sont pas obligatoire, ils doivent être présent quand le texte du lien est ambigüe, ce qui n'est pas le cas pour l'image, ni pour le lien qui suit. Tes titles rajoutent beaucoup trop d'information.
Par contre sur leave a comment (que tu doit absolument traduire), tu pourrait rajouter un title avec "laisser un commentaire sur 'titre de l'article'".

Puisque je parle d'anglais, tu a deux possibilité, tout traduire en français (nécéssaire pour tout ce qui est "fonctionnalité" du blog) ou baliser les changement de langue.

Pour le bas de page, comme l'as déjà signalé N-J, trois listes floatantes serait plus appropriées.