What about Cataglyphis.com

What about Cataglyphis.com - HTML/CSS - Programmation

Marsh Posté le 11-02-2010 à 18:24:52    

Bonjour à toutes et à tous !
Je viens de créer un site : http://www.cataglyphis.com
Et je viens faire appel à la communauté Hadware.fr pour une requête assez large, puisqu'il s'agit de vous demander plusieurs choses:
 
-Que pensez vous de son ergonomie ?
-Les sujets vous intéressent-ils (malgré le contenu encore léger) ?
-avez vous trouvé des failles (PHP, SQL) ?
-Seriez vous intéressé pour écrire un article dan unes des catégories ?
-Qu'en pensez vous d'un point de vue général (qu'avez vous à reprocher) ?
 
J'attends avec impatientes vos réponses pour faire avancer les choses !
Merci.


---------------
http://www.cataglyphis.com
Reply

Marsh Posté le 11-02-2010 à 18:24:52   

Reply

Marsh Posté le 12-02-2010 à 12:54:24    

Ce sujet a été déplacé de la catégorie Réseaux grand public / SoHo vers la categorie Programmation par Je@nb

Reply

Marsh Posté le 12-02-2010 à 13:42:12    

Bonjour.
 
 
Je me permets de donner mon avis, quelque peu négatif désolé...
 
- Le photomontage de l'en-tête, trop saturé et mal cadré, n'est pas très beau
- Le logo n'est pas intégré dans cet en-tête
- Le menu : la police est trop petite (donc menu mal mis en valeur), les rubriques sont trop espacées, la police (Arial) est presque la plus banale qui soit (en tous cas pour un menu)
- Dessous : pas fan de ces gros blocs gris en léger relief.
- Il y a du texte qui dépasse sous une image
- C'est quoi ces pubs ?  
- La police Times, c'est encore pire que l'Arial dans les menus
- En bas : le pied de page est illisible
- Il est situé au dessus de la partie à droite, pas bien.
- A droite : les textes débordent sur les images, sur les boutons, sur le pied de page d'à côté
- etc...
 
 
-> Globalement, on ne sait pas de quoi il s'agit. Un site de graphisme 3D ? De jeux ? D'informatique ?
 
La construction globale est "ok" (mais je n'ai pas été voir dans le CSS)
 
 
Désolé si c'est plutôt négatif...  [:coolrod]


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 12-02-2010 à 14:28:48    

Je rajouterai qu'il ne faut surtout pas utiliser de format BMP pour les images, privilégie les jpg pour les photos et png pour autres types d'images.

 

le bitmap est trop lourd, en le passant en jpg on passe à de 500ko à 50ko
idem pour ton fond BHF.png, en l'optimizant correctement (option optimiser pour le web de photoshop) je passe ton image de 500ko à 51ko
http://hfr-rehost.net/thumb/self/pic/00fe66fc5936bf3793ce57fc9013685054e22e98.png

 

je gagne 900 Ko sur ta page en 2 actions [:pingouino]
passe tous tes png dans PNGOptimizer tu gagneras du poids sur tes pages et ton serveur s'en prendra moins dans la gueule


Message édité par gatsu35 le 12-02-2010 à 14:35:06

---------------
Blablaté par Harko
Reply

Marsh Posté le 12-02-2010 à 18:56:33    

Tout d'abord Merci à l'admin pour la redirection, et à vous tous pour m'avoir répondu !

 

-> toum_toum, en ce qui concerne les débordements, je suis confus je n'en vois pas avec mes navigateurs, pourrait tu s'il te plait me dire quel est le tien ( et sa version): histoire de comprendre ou est le pb !
EDIT: J'ai réparé quelques bugs potentiels, est-ce que ça arrange les choses ?

 

Sinon voila ce que j'ai fait:
- Le photomontage de l'en-tête, trop saturé et mal cadré, n'est pas très beau
--désaturée recadrée

 

- Le logo n'est pas intégré dans cet en-tête
-- Logo intégré

 

- Le menu : la police est trop petite (donc menu mal mis en valeur), les rubriques sont trop espacées, la police (Arial) est presque la plus banale qui soit (en tous cas pour un menu)
--nouvelle police et taille

 

- Dessous : pas fan de ces gros blocs gris en léger relief.
--Moi non plus ;) , mais j'ai pas trop d'idées...

 

- Il y a du texte qui dépasse sous une image
--oups... jvois pas  :sweat:
 
- C'est quoi ces pubs ?
-- Pour essayer de rembourser un morceau serveur (j'y suis presque) !

 

- La police Times, c'est encore pire que l'Arial dans les menus
-- enfaite c'etait pas  times mais Eras ITC (vue qu'elle est pas connue ca donne du times si on l'a pas dans Fonts), je m'en vais changer cela !

 

- En bas : le pied de page est illisible
- Il est situé au dessus de la partie à droite, pas bien.
- A droite : les textes débordent sur les images, sur les boutons, sur le pied de page d'à côté
--oups... jvois pas, mm pb  :sweat:

 

Pour le contenu, il y aura principalement de tutos (surtout Blender, je pense. mais aussi photoshop, after Effects...) Et l'actu ( Web et Sociale).

 

Mais sinon, n'hésite pas à donner ton avis, même si c'est négatif  :p  .

 

->gatsu35, Merci énormément pour l'optimisation. J'ai dl PNGOptimizer, de vais m"éclater  :pt1cable:  !

 

En attendant tous vos autres conseils ;) !

 


Message édité par GDFGDF le 12-02-2010 à 19:39:17
Reply

Marsh Posté le 12-02-2010 à 20:04:35    

tu n'as touours pas remplacé le BMP du gamin qui joue de l'accordeon par un jpg
 
aller hopp au boulot


---------------
Blablaté par Harko
Reply

Marsh Posté le 12-02-2010 à 20:46:32    

PWND !
Voila monsieur !

Reply

Marsh Posté le 12-02-2010 à 23:52:16    

Re  :o  
 
 
 
Il reste encore 2 ou 3 personnes dans le Monde qui utilisent par moments Internet Explorer.
Et justement unr de ces 3-là vient de m'envoyer des captures d'écran de cette page :
 
 
http://nsa12.casimages.com/img/2010/02/12/100212114855776425.jpg
 
http://nsa13.casimages.com/img/2010/02/12/10021211490731600.jpg
 
http://nsa12.casimages.com/img/2010/02/12/100212114914796644.jpg
 
 
Donc il y a certaines choses "bizarres"  pour ce navigateur :)

Message cité 1 fois
Message édité par toum_toum le 12-02-2010 à 23:52:32

---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 13-02-2010 à 12:01:54    

toum_toum a écrit :

Re  :o

  

Il reste encore 2 ou 3 personnes dans le Monde qui utilisent par moments Internet Explorer.
Et justement unr de ces 3-là vient de m'envoyer des captures d'écran de cette page :

 


http://nsa12.casimages.com/img/201 [...] 776425.jpg

 

http://nsa13.casimages.com/img/201 [...] 731600.jpg

 

http://nsa12.casimages.com/img/201 [...] 796644.jpg

 


Donc il y a certaines choses "bizarres"  pour ce navigateur :)

 

J'ai exactement le même souci sous FF3, lorsque JS est désactivé.

 

Et la mise en forme d'une page qui se fout en l'air en fonction de l'état de JS... ça craint :o

 

Edit : Sinon je voudrais rebondir sur ça :

 
Citation :

Pour le contenu, il y aura principalement de tutos (surtout Blender, je pense. mais aussi photoshop, after Effects...) Et l'actu ( Web et Sociale).

 

Ça ne donne pas très envie de lire des tutos photoshop & co sur un site aussi peu présentable graphiquement. Car franchement, le rendu général du site fait un peu web'97 :(


Message édité par Dj YeLL le 13-02-2010 à 12:08:09

---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 13-02-2010 à 16:04:09    

Je vais peut être changer le slider alors ;(
mais je sais pas si ca vaut vraiment le coup.
C'est gentil de me montrer ce bug, mais en même temps chui pas le seul à planter sans JS !
Je pense à:
http://www.spi0n.com/blog/
http://www.carrefour.fr/
http://www.nasa.gov/
http://www.montpellier.fr/
et tant d'autres ...
 
Sinon qu'est-ce que t'appelles "aussi peu présentable graphiquement" ?
Et c'est quoi web'97 ?

Message cité 1 fois
Message édité par GDFGDF le 13-02-2010 à 16:04:51
Reply

Marsh Posté le 13-02-2010 à 16:04:09   

Reply

Marsh Posté le 13-02-2010 à 20:41:33    

GDFGDF a écrit :

Je vais peut être changer le slider alors ;(
mais je sais pas si ca vaut vraiment le coup.
C'est gentil de me montrer ce bug, mais en même temps chui pas le seul à planter sans JS !
Je pense à:
http://www.spi0n.com/blog/
http://www.carrefour.fr/
http://www.nasa.gov/
http://www.montpellier.fr/
et tant d'autres ...
 
Sinon qu'est-ce que t'appelles "aussi peu présentable graphiquement" ?
Et c'est quoi web'97 ?


 
Pour ces sites oui sauf pour carrefour, car carrefour reste visuellement propre, et bien foutu, seul les contenus cachés sont affichés (ce qui doit etre le cas quand on a pas de JS).
 
Toi ton site part totalement en live, et ce n'est pas parce que d'autres sites se cassent la gueule que le tien a le droit de se casser la gueule


---------------
Blablaté par Harko
Reply

Marsh Posté le 13-02-2010 à 21:25:18    

Affirmatif !
Je suis en train d'essayer d'arranger ça, mais je vois pas comment faire !
Parce qu'un script en javascript pour voir si le javascript est activé c'est bidon !  :pt1cable:  
Si t'as une idée...

Reply

Marsh Posté le 13-02-2010 à 21:31:30    

gatsu35 a écrit :


Pour ces sites oui sauf pour carrefour, car carrefour reste visuellement propre, et bien foutu, seul les contenus cachés sont affichés (ce qui doit etre le cas quand on a pas de JS).


 
Huhu, monsieur défends son code :o


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Reply

Marsh Posté le 13-02-2010 à 21:40:55    

Nan, je viens de le changer :)

Reply

Marsh Posté le 13-02-2010 à 22:32:58    

Et voila!!!!
Alors, qu'est-ce que vous en pensez ?

Reply

Marsh Posté le 14-02-2010 à 13:04:07    


Alors:
 
il n'y a tjs aucune cohérence graphique (typos et couleurs mal choisies, entre autre)
 
 
et c'est bien de vouloir coder en xthml strict mais encore faut-il le faire de façon logique et rigoureuse
 
pour infos les noms de balises (et les attributs)  DOIVENT être en minuscule  
 
http://validator.w3.org/check?uri= [...] ne&group=0
 
 
bon courage pour la suite !


Message édité par tompouss le 14-02-2010 à 13:06:37

---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 14-02-2010 à 15:07:33    

Je suis pas vraiment connaisseur en programmation, donc je dirais rien de ce côté là. Mais graphiquement je trouve ça plutôt joli, le fond est à la fois sobre et agréable, la bannière est assez esthétique. Le slider apporte de la légèreté à l'ensemble, il n'a besoin que d'un peu plus de contenu dans le site.

Reply

Marsh Posté le 14-02-2010 à 19:34:07    

merci ;)

Reply

Marsh Posté le 15-02-2010 à 23:37:12    

Aux nouvelles ...
Bon, j'ai réparé pas mal de choses, le site est Valide XHTML 1.0 Strict, et j'ai aucun bug avec tout mes navigateurs...
Le slider est passé en absolute pour sortir du tableau, et c'est sensé être bon !
à vous de me dire ;)


Message édité par GDFGDF le 15-02-2010 à 23:38:41
Reply

Marsh Posté le 16-02-2010 à 14:32:59    

Qq points qui ne vont pas
- utilisation de balises obsolètes telles que <b> (faut utiliser les balises pour leur sémantique et non leur représentation graphique) -> ici, préférer <strong> à <b>
- certaines mises en page par tableaux
- attributs alt et title des <img> par enseignés
- attribut title des liens <a> pas renseigné
- trop de styles mis dans l'attribut "style"
- javascript intrusif (c'est-à-dire mis direct dans des balises html)
 
En +, tout ça fait que ça rend ton site non accessible aux personnes handicapées visuelles.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 18-02-2010 à 23:17:26    

Merci,
c'est réparé pour le tableau et le <b>.
Pour le JS, si tu parles de ça :

Code :
  1. <script type="text/javascript">
  2.             presentationCycle.init();
  3.         </script>


je pe pas faire autrement, si je veux rester XHTML 1.0 strict Valide  :sweat:  
 
sinon, d'autres idées ?

Reply

Marsh Posté le 19-02-2010 à 00:22:32    

Externaliser le JS comme ça :

Code :
  1. <script type="text/javascript" src="fichierexterne.js"></script>


est une bonne pratique (idem pour les CSS) mais du JS intrusif c'est pas ça, c'est quand ton site ne fonctionne pas correctement si JS est désactivé (par exemple je peux accéder à la page "Actualité / Internet" de ton site même si le menu déroulant ne fonctionne pas sans JS, il me faut cliquer sur la cat. Internet à la fin d'un article. Bon c'est lourd, pas ergonomique du tout et bien moins pratique qu'un menu secondaire une fois arrivé sur la page Actu mais en théorie on peut)
 

rufo a écrit :

Qq points qui ne vont pas
- attributs alt et title des <img> par enseignés

Et ça sert à quoi un attribut title sur une image ? :??: (OK pour alt qui est obligatoire - vide pour une image de déco, correctement renseigné sinon - et extrêmement important quand l'image est seule dans un lien vu que sinon le lien est vide ou que c'est l'adresse de l'image qui va être lue :sweat: )
 

rufo a écrit :

- attribut title des liens <a> pas renseigné


Je vois un seul endroit (deux ?) dans la page d'accueil où il en faut un, c'est "ici" (ici quoi ?) mais plutôt que de corriger avec un title ce lien mal rédigé, il vaudrait mieux mettre un lien sur le texte "Tout sur le hardware ici".
Garder le title sur "Le déblocage des coeurs" (title actuel : "Le déblocage des coeurspour les Phenom II" ) OK parce qu'on parle pas du coeur humain :jap:
 
Tous les autres title devraient être supprimés puisqu'un title doit toujours apporter une information qui ne figure pas dans le texte du lien (en reprenant le texte du lien + l'info supplémentaire).
Si un title est identique au texte du lien, c'est qu'il est inutile donc doit être supprimé.
'fin la priorité c'est surtout de n'avoir aucun lien vide et aussi de pas mettre un lien sur un paragraphe de 5 lignes (les gens cliqueront sur le titre au-dessus, il est assez gros et ils ont l'habitude)

Reply

Marsh Posté le 19-02-2010 à 09:49:39    

phosphoreloaded a écrit :

Externaliser le JS comme ça :

Code :
  1. <script type="text/javascript" src="fichierexterne.js"></script>


est une bonne pratique (idem pour les CSS) mais du JS intrusif c'est pas ça, c'est quand ton site ne fonctionne pas correctement si JS est désactivé (par exemple je peux accéder à la page "Actualité / Internet" de ton site même si le menu déroulant ne fonctionne pas sans JS, il me faut cliquer sur la cat. Internet à la fin d'un article. Bon c'est lourd, pas ergonomique du tout et bien moins pratique qu'un menu secondaire une fois arrivé sur la page Actu mais en théorie on peut)
 


 

phosphoreloaded a écrit :

Et ça sert à quoi un attribut title sur une image ? :??: (OK pour alt qui est obligatoire - vide pour une image de déco, correctement renseigné sinon - et extrêmement important quand l'image est seule dans un lien vu que sinon le lien est vide ou que c'est l'adresse de l'image qui va être lue :sweat: )
 


 

phosphoreloaded a écrit :


Je vois un seul endroit (deux ?) dans la page d'accueil où il en faut un, c'est "ici" (ici quoi ?) mais plutôt que de corriger avec un title ce lien mal rédigé, il vaudrait mieux mettre un lien sur le texte "Tout sur le hardware ici".
Garder le title sur "Le déblocage des coeurs" (title actuel : "Le déblocage des coeurspour les Phenom II" ) OK parce qu'on parle pas du coeur humain :jap:
 
Tous les autres title devraient être supprimés puisqu'un title doit toujours apporter une information qui ne figure pas dans le texte du lien (en reprenant le texte du lien + l'info supplémentaire).
Si un title est identique au texte du lien, c'est qu'il est inutile donc doit être supprimé.
'fin la priorité c'est surtout de n'avoir aucun lien vide et aussi de pas mettre un lien sur un paragraphe de 5 lignes (les gens cliqueront sur le titre au-dessus, il est assez gros et ils ont l'habitude)


 
Du javascript intrusif, c'est ça :

Code :
  1. <input name="s" id="s" type="text" value="Rechercher" onfocus="if(this.value == 'Rechercher')this.value = ''" onblur="if(this.value == '')this.value = 'Rechercher'" />


C'est avoir du JS dans des attributs de balises html.
 
Le title sur une image permet de mettre une légende (c'est donc utile aussi aux personnes qui voient bien), ex : Photo prise en montage de untel et untel, le xx/xx/xxxx. Si on voulait vraiment faire un site accessible, il faudrait en plus utiliser l'attribut longdesc.
 
Le title sur un lien doit bien entendu être différent du texte écrit entre les <a> et </a> et apporter une info complémentaire, utile. Parfois, faut se creuser un peu (bien souvent parce qu'on n'a pas pris le réflexe de le faire).
 
Si je dis tout ça, c'est parce que j'ai été sensibilisé aux pbs que rencontrent les personnes handicapées sur le web et que j'ai eu aussi une formation sur l'attrait visuel et rédactionnel des pages web (surtout de l'ergonomie). ;)


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 22-02-2010 à 23:19:18    

Mais pourquoi ne regardes-tu pas comment ton site se comporte sous IE 7 ?  
 
:o


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 27-02-2010 à 22:57:29    

Si la question s'adresse à moi, je répondrais simplement "parce qu'il ne respecte pas les normes du w3c, donc je m'en tape d'IE7 ainsi que de toute sa lignée"  :kaola:


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 28-02-2010 à 00:22:56    

ben tu es donc un boulet pas capable de prendre en charge certains navigateur et meme pas foutu de proposer dans ce cas une version dégradée mais potable


---------------
Blablaté par Harko
Reply

Marsh Posté le 28-02-2010 à 12:24:07    

ben sur mon IE 7 de vista, mon site est largement exploitable et à peu près en forme, j'ai pas vu de pb vraiment gênant :/
Et comme c'est un site perso, je cherche pas à faire du trafic. A ce moment là, pourquoi ne pas chercher à prendre en compte aussi IE 6 encore très utilisé en entreprise?
Y'a des normes, je m'y conforme, aux navigateurs web de faire de même, c'est tout. A mon sens, tant que les développeurs web chercheront encore à faire en sorte que leur site fonctionne sur des navigateurs ne respectant pas les normes (IE en fait principalement), Microsoft ne verra pas pourquoi il ne changerait sa politique et se conformer aux normes du w3c. De mémoire, en 2002, IE représentait pas loin de 95-96% des parts de marché. Aujourd'hui, il est à 65% il me semble. Les temps ont donc bien changé.
 
Et je préfère faire un site accessible à tout le monde (je compte les personnes malvoyantes), quitte à ce que ceux qui ont IE soient obliger de passer par Firefox (et en entreprise, il est possible d'utiliser la version portable).


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 01-03-2010 à 21:58:54    

rufo a écrit :

A mon sens, tant que les développeurs web chercheront encore à faire en sorte que leur site fonctionne sur des navigateurs ne respectant pas les normes (IE en fait principalement), Microsoft ne verra pas pourquoi il ne changerait sa politique et se conformer aux normes du w3c.


Ton voeu est exaucé ! [:cabri74]
 
IE8 respecte CSS2.1 au moins aussi bien que ses concurrents ...
 

rufo a écrit :

Et je préfère faire un site accessible à tout le monde (je compte les personnes malvoyantes), quitte à ce que ceux qui ont IE soient obliger de passer par Firefox (et en entreprise, il est possible d'utiliser la version portable).

Qu'est-ce qui empêche de faire les deux ?  :heink:  
Tu peux faire un site en tableau et être accessible alors c'est pas IE qui va t'en empêcher. Surtout que la plupart des outils existants d'AT (Assistive Technology) se greffent encore sur IE [:dawa] (Jaws pour les non-voyants mais aussi des loupes d'écran, etc)

Reply

Marsh Posté le 01-03-2010 à 23:39:05    

rufo a écrit :

Si la question s'adresse à moi, je répondrais simplement ...


Non non ça s'adressait à l'auteur du site...   :D  mais qui visiblement n'est plus par ici :o


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 02-03-2010 à 11:13:20    

phosphoreloaded a écrit :


Ton voeu est exaucé ! [:cabri74]
 
IE8 respecte CSS2.1 au moins aussi bien que ses concurrents ...
 


phosphoreloaded a écrit :

Qu'est-ce qui empêche de faire les deux ?  :heink:  
Tu peux faire un site en tableau et être accessible alors c'est pas IE qui va t'en empêcher. Surtout que la plupart des outils existants d'AT (Assistive Technology) se greffent encore sur IE [:dawa] (Jaws pour les non-voyants mais aussi des loupes d'écran, etc)


 
Le lecteur d'écran va péter un câble avec un site côté en tableau. La plupart de temps, il va lire le contenu ligne par ligne alors qu'en fait, il devrait le lire en colonne :/ Et d'un point de vue technique, ça rajoute du code source inutilement (donc gaspillage de la bande-passante pour le serveur).


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 05-03-2010 à 12:57:19    

toum_toum a écrit :


Non non ça s'adressait à l'auteur du site...   :D  mais qui visiblement n'est plus par ici :o


 
si si, me revoilà, dsl pour le retard  :jap: !
J'ai créé un "Google #Randomizer", je trouve le concept assez sympa, et vous laisse découvrir :  http://www.cataglyphis.com
Qu'en pensez vous ?
comment éventuellement améliorer la fenêtre sur fond gris ?
NB: J'ai pas testé avec des "vieux" Navigateur :s ...
merci pour les conseils.

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed