Demande d'avis pour http://www.feuille-de-style.com

(reprise du message précédent)

C'est très joli et très attrayant.
J'aime bien le concept, c'est un peu du pense-bête massif pour pouvoir tout retrouver (pour l'instant tout n'y est pas mais bon), pratique pour toi, pratique pour les autres, cool

Le fait que tu mentionnes tes sources est excellent, même si ça parait normal, ce n'est pas toujours fait. Tu te crédibilise, c'est bien pour toi

Mais revers de la médaille, tu ne dois écrire que des choses justes !
quelques remarques t'ont étaient faites à ce sujet et tu sembles les prendre en compte et vouloir corriger tout, c'est bien

Par contre, tu devrais corriger ton titre à mon avis, l'url dans le titre, """on s'en fout"""

Et inverser l'ordre "titre site/description - titre page"

Ce qui donnerait

<title>Sommaire - Votre feuille de route XHTML / CSS</title>

Je trouve ça plus pratique pour l'utilisateur, plus pertinent aussi.

J'essairai de jeter un oeil sur les fautes d'orthographe et de frappe mais n'étant pas moi même très doué... mais bon, une personne extérieure voit souvent mieux les fautes que soit même.

Je regarderais le contenu plus en détail.
J'espère que ça sera une ressource de plus à indiquer aux débutants
Modifié par Olivier (20 Dec 2005 - 12:29)

Une p'tite remarque de plus !

Tu devrais faire une page "nous contacter" plutôt que de mettre direct le lien vers l'adresse mail.
J'ai toujours trouvé ça déroutant (un exemple flagrant, c'est ma mère qui ne capte jamais que ça ouvre le client de messagerie !!)

Tu fais une page contact qui contiendrait dans l'idéal en gros :
* un formulaire de contact (nom/prénom/etc ; adresse mail pour la réponse ; titre du mail ; mail)
* une phrase du style

a écrit :
vous pouvez nous/me contacter directement par email à l'adresse suivante : <a href="mailto:ton.adresse@mail.com">ton.adresse@mail.com</a>(le lien ouvrira directement votre client de messagerie)

(((* une petite explication sur ta disponibilité à répondre si elle n'est pas très rapide !)))

Merci Olivier pour ton analyse.

Pour les titres, c'est ok, je vois ce que tu veux dire. Je ferais les modifs qui s'imposent.

En ce qui concerne le "mailto", je suis, là encore, à fond d'accord avec toi...c'est vraiment pas top...A vrai dire, j'ai été un peu fénéant là-dessus...Le pb c'est que je suis en train de prendre du retard partout rien que pour finir ce petit site qui me tiens à coeur...Bientôt, je mettrai un petit formulaire .(Ps:idem pour ma mère...)

a écrit :
c'est un peu du pense-bête massif pour pouvoir tout retrouver (pour l'instant tout n'y est pas mais bon),

As tu des suggestions pour améliorer l'accessibilité à l'information?

J'essairai de jeter un oeil sur les fautes d'orthographe et de frappe
 mais n'étant pas moi même très doué... mais bon, une personne
extérieure voit souvent mieux les fautes que soit même.

Je regarderais le contenu plus en détail.

J'apprécie beaucoup ton aide, j'espere qu'il n'y pas trop de bourdes...

Ps:attends peut-être un peu car j'ai moi même une grosse relecture à faire...
Modifié par dubnet (20 Dec 2005 - 13:17)

Des petites remarques à prendre comme tu veux concernant l'accueil :

- liens du type "le site www.blabla.com" -> le site "blabla"
- Passer au validator.( http://validator.w3.org/) -> validateur + lien sur l'url
- idem pour le lien vers le validateur CSS
- Le langage utilisé (français) -> la langue utilisée (attention aux nuances à ce niveau : cf http://forum.alsacreations.com/topic-18-9665-1-CKM9com.html#p79568 )
- 4/ Bien déclarer sa feuille de style -> déclarer -> rédiger ??

Un p'tit détail, tu mets xhtml, Xhtml, XHTML etc, pouruqoi c'est pas toujours la même casse ?? (perso j'écris xHTML mais bon après on s'en fout, j'ai juste pas capté )


Pour l'aspect "massif", c'était pas péjoratif, je trouve le contenu plutôt bien "catégorisé" et l'info est facilement trouvable.
J'entendais par là, qu'on a que ce qu'on cherche, rien de parasite, on va à l'essentiel et on link vers d'autres sites pour en savoir plus, mais on s'est déjà fait une bonne idée sur la question.

Par contre toujours le même problème, attention aux approximations (nous en sommes tous victimes )
Modifié par Olivier (20 Dec 2005 - 13:18)

encore et toujours d'accord avec tes remarques.

Les liens vers les validteurs font partie des choses que je dois faire dans ma "grosse relecture"... désolé.

je vais revoir le pb concernant le langage utilisé, j'ai effectivement quelques hésitations là dessus....

Merci, ton aide s'annonce précieuse.
Modifié par dubnet (20 Dec 2005 - 13:37)

Sinon, le bidule sur le côté gauche, "réalisation gekom machin chose", c'est pas lisible, on se demande ce que c'est, on cherche, on se fait mal aux yeux, tout ça pour un truc dont on se fout ^^

Ca serait mieux dans le pied de page en plus lisible, on verrait si ça interesse ou non et on n'y passerait pas 3 minutes de trop

ok c'est mon irrrresistible besoin de symetrie....cela dit c'est vrai que tous le monde s'en tape sauf moi......j'y réflechie

dubnet a écrit :
ok c'est mon irrrresistible besoin de symetrie....cela dit c'est vrai que tous le monde s'en tape sauf moi......j'y réflechie

Tu peux toujours le mettre, mais dans le pied de page en horizontal dans le bon sens et ecris lisiblement ^^

dubnet a écrit :
As tu des suggestions pour améliorer l'accessibilité à l'information?

Bonjour dubnet,

Je me permet de revenir là-dessus, mais je trouve ca très important. As-tu l'intention de tenir compte de ma remarque au sujet des problèmes d'accessibilité de ton menu ? Je dis ca parce que ca fait quelques temps que je l'ai mentionné et je n'ai vu ni réponse de ta part là-dessus ni changements sur ton menu.

Il ne faut pas oublier que des gens naviguent sans images mais avec CSS. Ca vaut autant pour ton menu que pour certains de tes titres.

J'insiste, donc !
Modifié par Tony Monast (20 Dec 2005 - 15:42)

Salut Tony Monast,

oui, j'ai bien pris en compte tes remarques. Le probleme c'est que j'ai vraiment beaucoup de taf en ce moment et j'essaie de caser ce projet dès que possible...Je voudrais prioritairement faire les corrections du contenu, je ne voudrais diffuser d'inepties.....

Je pense que tu devrais remplacer 
ce menu par des <img src="..." alt="texte du lien" ... />, 

Dis moi exactement comment tu vois la permutation d'image, svp.

voilà c'était mon 100eme post
Modifié par dubnet (20 Dec 2005 - 22:38)

c'est peut être temporaire mais je n'arrive pas à utiliser les liens de ton plan de site. Si c'est le cas je n'ai pas l'impression que le pages d'erreur 404 soient personalisées

a écrit :
The system cannot find the file specified.

c'est moyennement joli ...

de mon côté le lien fonctionne.....

Pour la page d'erreur 404, j'étais passé un peu à côté....je vais aussi arranger ça (dès que possible....)

merci

dubnet a écrit :

Je pense que tu devrais remplacer 
ce menu par des <img src="..." alt="texte du lien" ... />, 

Dis moi exactement comment tu vois la permutation d'image, svp.

Comme ton menu n'est pas très graphique, et que la typographie est plutôt sobre, j'opterais peut-être pour un menu purement html, sans images, avec un bon vieux a:hover qui change la couleur. C'est simple et beaucoup plus accessible qu'un menu en images. Il faut souligner qu'un menu en images ne peut pas se faire agrandir par le navigateur via la taille du texte. Quelqu'un avec un problème de vision risque d'avoir de la difficulté à utiliser le menu parce qu'il ne peut pas grossir la police. Certe, il peut utiliser un zoom, mais ce n'est pas l'idéal. L'idéal est de pouvoir agrandir la police autant pour le contenu et le menu via la taille du texte du navigateur.

Si par contre tu tiens vraiment à utiliser un menu en images pour avoir la typographie que tu aimes, j'utiliserais une liste html, et chaque élément contiendrait une balise img avec alt. Pour la permutation d'images, j'utiliserais du Javascript (fichier externe) ou un mélange CSS et Javascript.
Modifié par Tony Monast (20 Dec 2005 - 22:53)

ok,

Pour ma part je préfère garder le menu en image. C'est un détail mais graphiquement il se pose mieux que les polices web super mal lissées (pas sur mac).

Je suis toujours un peu frileux concernant les solutions javascript mais bon je sais que la permutation d'image fonctionne assez bien...donc pourquoi pas.

dubnet a écrit :

Je suis toujours un peu frileux concernant les solutions javascript mais bon je sais que la permutation d'image fonctionne assez bien...donc pourquoi pas.

C'est pareil pour moi, mais Javascript est là pour ca. Utiliser les CSS pour permutter des images est selon moi un détournement de ce qu'est supposé faire CSS : la présentation et non l'interactivité. J'avous par contre utiliser les CSS pour permutter les images de fond de mes menus. Je ne suis quand même pas plus blanc que la robe du Pape.

En fait, utiliser Javascript dans ce cas n'a vraiment rien à voir avec les biens fondés de l'utilisation de CSS, mais plutôt avec le problème d'accessibilité actuel (images de fond, texte caché en CSS).

L'important est que tu trouve une façon très propre de permutter tes images en Javascript. Il doit bien exister des scripts, suffit d'en trouver un bon. Tu peux peut-être t'informer dans le salon Javascript. J'irais même jusqu'à penser que tu peux permutter tes images via CSS (balise img), et utiliser simplement un script du style IE7.js pour qu'il prenne compte des déclarations CSS. Je n'ai jamais fais l'expérience de ca, les autres en seront surement plus que moi à ce sujet au niveau du sens, de la compatibilité et de l'accessibilité d'un tel script.

Là je dois quitter, à plus tard !
Modifié par Tony Monast (20 Dec 2005 - 23:31)

j'ai déja fait un petit script de permutation d'image pour d'autres sites, il est vraiment basic mais il semble bien fonctionner. On verra bien...

a écrit :
J'irais même jusqu'à penser que tu peux permutter tes images via CSS (balise img), et utiliser simplement un script du style IE7.js pour qu'il prenne compte des déclarations CSS

oula! là par contre ça me paraît assez alambiqué....
Modifié par dubnet (21 Dec 2005 - 01:20)

dubnet a écrit :

oula! là par contre ça me paraît assez alambiqué....

Bah non justement, tout se passe dans la feuille de style, tu déclare les changements requis, en CSS pur, et le fichier js ne fait que s'occuper de faire en sorte que le navigateur (IE) reconnaisse ces déclarations CSS qui sont déjà prises en compte par Firefox par exemple.

J'ai dis ca rapidement, sans être explicite, parce que disons que je manque de temps en ce moment pour pousser plus loin mes investigations à ce sujet. Je t'invite par contre à t'informer là-dessus, ca pourrait être intéressant, si tu n'aimes pas tripouiller dans le javascript pour un simple hover. Je ne sais toujours pas si c'est possible, là je dois vraiment y aller, j'ai ma copine qui me fait des gros yeux.

a écrit :
un script du style IE7.js pour qu'il prenne compte des déclarations CSS

Désolé mais je ne suis pas sûr de tout comprendre...J'attends que tu m'en dises un peu plus là-dessus...dès que tu auras un peu de temps.

En attendant j'ai trouvé un petit lien sur le sujet pour qui veut:
http://www.estvideo.com/dew/index/2004/04/16/168-internet-explorer-7
ça marche vraiment ce truc?
Je vais appronfondir la question...


Quoi qu'il en soit une permutation clasique d'image en javascript me convient parfaitement.

Quelqu'un à un avis la dessus?
Modifié par dubnet (21 Dec 2005 - 07:17)

Avis personnel concernnat les effets de roll-over en js ou en css : étant donné qu'il s'agit d'un comportement d'animation, je trouve que c'est plus au js qu'au css de sen charger. Mais bon, ce n'est que mon avis...

Bonjour,

Et on disait tout simplement que les effets de roll-over doivent être en CSS ou en javascript (voire en flash, en SVG, en XYZ...) selon la technique qui donnera le résultat le plus satisfaisant au cas par cas ?
Modifié par Laurent Denis (21 Dec 2005 - 08:24)

Bonjour à tous,

Suite à vos commentaires, j'ai effectué pas mal de modifs,tout n'est pas encore résolu mais ça avance petit à petit.

J'ai retravaillé notamment le menu pour lequel j'ai adopté une solution javascript afin de faire une permutation d'image au roll-over comme me l'avait trés justement conseillé Tony Monast.

J'ai donc réalisé un petit script que je compléterai avec un préchargement d'images ( script ou css...je ne sais pas encore...).
Malheureusement, mes competences en javascript sont assez médiocres et je ne sais pas si mon script est fiable et si il respect les standards.
> Là dessus j'aurai besoin de vos commentaires.

J'ai d'ailleurs un message d'erreur au validator que je ne cerne pas bien concernant l'attribut name:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.feuille-de-style.com%2Fcss-elements.php&charset=%28detect+automatically%29&doctype=Inline


En ce qui concerne mes titres, j'ai modifié ma structure en "cache texte" au profit d'une image. Voici le truc:

<h1><img src="css-visuel/titres-css/usage.gif" alt="Conseils d'usage"/></h1>

c'est ok ou il y'a plus pertinent?


Enfin j'ai quelques doutes concernant l'article sur les éléments en-lignehttp://www.feuille-de-style.com/css-elements.php#en-ligne
quelqu'un aurait-il l'amabilité de faire une petite vérification?
Modifié par dubnet (22 Dec 2005 - 13:37)