CommentairesX - Fermer

« 1 »

Merci pour ces précieux conseils !

Réponse en détail :
- La longeur moyenne des commentaires justifie largement la taille actuelle de la zone d'écriture mais c'est tellement rien à changer que si ça peut te faire plaisir... J'ai même une idée qui pourrait être sympa mais uniquement pour la version dynamique par contre, javascript oblige. ;)

- Pour les ' et les " j'avoue que j'étais plus partisan du " de manière générale. Je n'utilisais des ' que lorsque les données internes contenant des ". Il y aurait donc une raison valable de préférer les ' aux " en php ?

- Passons à la divite aïgue. J'étais sur qu'à un moment ou un autre quelqu'un allait me reprocher l'abondance des <div> dans le code.
-- Le <div id='menu'> était par un moment un <ul>, je ne sais plus pourquoi je l'ai modifié. Ca sera corrigé.

-- Pour les <div id='contentX'> imbriqués, la cause de leur présence est tout à fait justifiée, c'est une sorte de hack CSS permettant d'afficher une ombre sur les bords du panneau principal de manière transparente. En fait le problème est que le haut de la page est formé d'un dégradé orange-blanc et que pour créer une ombre, je dois faire en sorte que celle-ci se fonde dans celui ci tout en s'adaptant à la taille du contenu (cf la page des news). L'idéal serait d'utiliser un png avec couche alpha dans le background du <div id='content'> sauf que IE 6 ne gère pas ceci ni le hack que j'utilise pour afficher des PNG transparents avec ce navigateur. Donc, la solution fut d'ajouter une bande à gauche et à droite du panneau d'une hauteur définie qui représente l'ombre surimposée sur le dégradé (http://www.hxt.fr/hxt_skin/backcontentright.jpg). En dessous de ces bandes se situe le background normal (en jpeg) avec une ombre qui tend vers le blanc (http://www.hxt.fr/hxt_skin/backcontent.jpg). Ainsi, le raccord est parfait. Je ne suis pas sur d'avoir été clair mais en observant la source HTML et CSS de l'ensemble il y a moyen de comprendre...
Et sur ce point, j'ai préféré respecter ma vision finale de l'aspect du site plutôt que de m'avouer vaincu par la technologie. Si tu as une meilleure méthode pour arriver au même résultat visuel sans utiliser autant de div je suis preneur (sachant que l'interprétation du padding en CSS est très aléatoire suivant les navigateurs).

-- "<div id='page_header' > : <h2> C'est pareil en mieux :)" > Regarde la source de la version statique et tu verras que le contenu du div est multiligne. Si j'ajoute le <h2>, il sera à l'intérieur de ce <div>.

-- Pour les reste des <hx>, j'aimerais beaucoup respecter l'ordre mais le nombre de changements à effectuer (sans compter le debug suivant les navigateurs) est tel que je ne suis pas sur d'avoir la motivation pour le faire avant un petit moment...

-- Les id dans la version statique sont utilisés par la CSS.

- Pour le "<a id="news95"/>", ça sera modifié. :)

- Les gros liens de la page d'accueil n'ont pas besoin d'être modifiés car dans la version dynamique, ils ne comportent que des onclick et dans la version statique, des href. Le fait de mettre les deux se justifie uniquement dans le cas où le visiteur pourrait avoir désactivé le javascript, or les liens ne peuvent pas s'afficher avec la version dynamique si celui-ci est désactivé vu que le contenu du site est chargé avec l'AJAX.

- Le coup des onkeypress sur les éléments du menu c'est bien vu, ça sera rectifié également.

Par contre, les plus grosses de modifications susnommées risquent de ne pas être pour tout de suite étant donnée que je suis infecté d'une horrible maladie que l'on appelle "vacances" qui a tendance à m'empêcher de travailler. x-)
Enfin, vu que je dois finaliser un peu le projet, peut être que je continuerai le site sur ma lancée !

En tout cas, ton appréciation est fort utile !

PS : Non non, si je me suis lancé dans une école d'informatique sur 5 ans, ce n'est pas pour arrêter la programmation web dès la première année. ;)
par Spycam à 20 Juin 2006 à 03:40:36

Ah ben nan, en fait j'arrête pas tout de suite :p

<a href="?HTML/accueil/" onclick="site.sendPage('accueil'); return false;" ...
Ca c'est drôlement bien :) Tu as oublié de le faire sur les gros liens de la page d'accueil.

Tu devrais aussi doubler tous les onClick par des onKeyPress, ce qui permettrait d'utiliser la version dynamique même sans souris (ben ouais ya des geeks qui naviguent au clavier et qui aiment quand même les sites graphiques, ya des handicapés qui n'ont pas de bras et naviguent avec les pieds...)

Bon ce coup ci, j'arrête vraiment, promis...

@
par Arkanosis à 17 Juin 2006 à 19:48:36

Ah ! Voila une version qu'elle est bonne :)

Quel plaisir de pouvoir naviguer avec les boutons "précédent" et "suivant" de mon navigateur !
Je crois bien que je préfère la version statique à la version dynamique, mais bon c'est moi aussi :p

Félicitations notamment pour la façon dont les URLs sont conçues, ça m'a tout l'air d'être des URI, et humainement compréhensibles même (faudrait que je fasse ça aussi moi).

A l'occasion, je testerai sous Amaya et Lynx...

Bon allez, des petites remarques quand même (sinon les gens croiront que c'est pas vraiment moi qui ait écrit le post :p) :
- Agrandis la zone de saisie des commentaires s'il te plait ! C'est atroce j'arrive pas à me relire (Bon si tu m'a identifié par IP et que tu fais ca juste pour moi, c'est de bonne guerre, vu que je fais que de t'embêter, mais bon...)
- Attention, tu es atteint de divite aïgue ! C'est une maladie courante qui se soigne bien si on la prend en main assez tôt. Elle se manifeste par un code crade, des pages lourdes, et une lenteur de chargement ... Bon, j'explique :

<div id="site_mainbox">
<div id="site_header">
<div id='menu'> (au passage, les ' sont valides mais les " sont conseillés. Si tu utilise les " dans PHP, dis le et je t'expliquerai pourquoi les ' sont mieux en PHP et les " en HTML)
<a ...
</div>
</div>
</div>
Ca, c'est pas beau :p

<ul>
<li><a...
</ul>
Ca c'est mieux. Les listes doivent être dans des <ul>, et des divs emboités ne servent à rien quand le conteneur ne contient qu'un élément. Les id ne servent à rien (sauf à alourdir le code) lorsqu'ils ne sont pas utilisé (ce qui m'a l'air d'être le cas dans la version statique), c'est valable aussi pour <img id="hxt_board"...

<div id='content1'>
<div id='content2'>
<div id='content3'>
<div id='content'>
...
</div>
</div>
</div>
</div>
No comment...

<div id='page_header' > : <h2> C'est pareil en mieux :)
<div class='news_title'>: <h3> C'est pareil en mieux :)

<div class='news_msg'> : <p> c'est mieux (mais il faut pas mettre le <h3> dedans par contre, c'est interdit)

<h4> : un <h4> doit suivre un <h3> qui doit suivre un <h2> qui doit suivre un <h1>. En l'occurence, le <h1> devrait être au niveau du logo, le <h2> comme je viens de le dire et le <h3> ici. Forcément, avec les valeurs par défaut de la plupart des butineurs, le rendu sera moche, mais ça, ça se règle par CSS, je te fais confiance, tu est meilleur que moi dans ce domaine.

<a href='#news95' name='news95'></a> : oula, c'est quoi cet ovni ? <a id="news95"/> suffit largement (au passage, "name" est déprécié, sauf dans les formulaires, id le remplace avantageusement)

Allez j'arrête, bravo pour tout ce beau boulot et... a bientôt ;p

Osis

PS : Ne t'arrête pas là, tu peux encore apprendre plein de trucs :) J'en découvre tous les jours, le web est innépuisable
PPS : Bon j'attend de pouvoir télécharger votre proj maintenant :p
par Arkanosis à 17 Juin 2006 à 19:34:38

La version 0.3? Elle poutre la dynamite !
par MiDU à 07 Juin 2006 à 21:00:37

+ Ajouter un commentaire