Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Atteint de JavaScriptite Aiguë [Cyril Durand]

Expert ASP.net Ajax et WCF, Cyril Durand parle dans son blog de point techniques sur ASP.net, ASP.net Ajax, JavaScript, WCF et .net en général. Cyril est également consultant indépendant, n'hésitez pas à le contacter pour de l'assistance sur vos projets

Actualités

  • Blog de Cyril DURAND, passionné de JavaScript, Ajax, ASP.net et tout ce qui touche au developpement Web Client-Side.

    N'hésitez pas à me contacter pour vos projets .net : architecture, accompagnement, formation, ...

    View Cyril Durand's profile on LinkedIn
    hit counters


    Expertise Commerce server et BizTalk

Erreurs de developpement web
Voici une traduction fort interessante de l'article Web Development mistake ; la traduction se trouve ici Traduction : Erreurs de Développement Web
 
Dans cet article vous trouverez les principales erreurs HTML/CSS que la plupart des developpeurs web font :
  • Confusion de DOCTYPE,
  • mania, penser (trop) visuellement,
  • Manque de sémantique,
  • Disparités d'encodages de caractères
  • Mauvais attributs alt
  • Attributs id et class invalides
  • Reconnaissance du navigateur ("Browser sniffing") [mouahahaha]
  • Unités manquantes en CSS
  • CSS spécifiques à un navigateur
  • Dépendance à JavaScript
  • Dépendance à Flash
  • Texte en image
  • Mauvais formulaires [voir aussi : http://blogs.developpeur.org/cyril/archive/2005/08/25/10662.aspx]
  • HTML à l'ancienne
  • Etre "IE-centrique" [Je rajouterais "FF-Centrique" ou pire encore "W3C-centrique" ...]
  • Attributs HTML invalides
  • Signes & (ampersands, ou esperluette en francais) non-encodés
  • Cadres (Frames)
  • Tableaux de données inaccessible
  • Divitis et classitis
  • Largeur fixe trop large
  • Noms d'id et de class vagues et/ou de présentation
  • Pas de couleur pour le fond
  • XHTML mal formé
  • Couleurs incompletes pour les champs de texte
J'ai bien rigolé en voyant le point : "Reconnaissance du navigateur (“Browser sniffing”)" alors que sur le site de la traduction il y a une HORRIBLE barre "Internet Explorer vous empêche d'avoir une meilleure expérience d'internet. Cliquez ici pour plus d'informations ..."
Posted: dimanche 5 mars 2006 16:19 par cyril
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :

Commentaires

Marie ALHOMME a dit :

Salut,

Je te remercie du trackback.
Quand à ce qui t'a fait bien rire, tu sauras qu'il ne s'agit pas de "browser sniffing", technique qui repose sur l'utilisation de scripts javascript comme c'est écrit dans l'article, mais bel et bien de l'utilisation des "commentaires conditionnels" qui est elle recommandée dans cet article (cf. "CSS spécifiques à un navigateur")...
A bon entendeur... ;)

Aussi, j'aimerai savoir ce que tu entends par "w3-Centrique", cela me semble bien être une hérésie pas réfléchie comme je les aime... Pourquoi donc faudrait-il se méfier du développement standard, qui joue selon les rêgles, afin de permettre une meilleure portabilité (et accessibilité bien sûr) ???
Et je ne suis pas sûre que "FF-centrique" ne soit pas une appellation complètement idiote puisqu'il s'agit là aussi de respecter les standards et que je ne voie pas en quoi cela serait mauvais ou irait dans le sens contraire de cet article...

Bref, merci du link, mais pas dans n'importe quelles conditions !! :)

Cordialement,
Marie
# mars 6, 2006 09:17

coq a dit :

"Horrible" est à prendre au sens propre je pense, c'est à dire pour son intérêt artistique. Sans parler du fait que rien que sa persistence (quitte à imiter la barre d'information, imiter aussi sa possibilité de masquage aurait été bien...) coupe plutôt l'envie de venir sur le site la possédant, au lieu d'y revenir après avoir installer FF :-)

PS : Concernant les standards, tu devrais aller cliquer sur le bouton "Valid XHTML 1.0" en bas de page ;-)
# mars 11, 2006 10:29

cyril a dit :

Ce que je voulais dire par W3C-centrique c'est que beaucoup de personnes developpent leur sites, et ne sont pas satisfait tant qu'il n'est pas valide, que la semantique soit intelligente ou non, la n'est pas le problème, du moment qu'il valide c'est le principale !

<div id="menu"><div id="left"><ul><li>menu1</li>...</ul></div></div>

est valide ! est-ce que pour autant c'est propre ? il y a 2 div inutile, et je suis sur que tu as déjà vue beaucoup d'abération du genre !

Autre points, par exemple les propriétés overflow-x et overflow-y (entre autre), ces propriétés ne sont pas du tout standards mais quand meme bien pratique, en plus elles sont pris en compte par FF et IE, alors pourquoi s'en privé ? parce que le W3C dit non ?


Pour ce qui est du FF-centrique, rien n'empeche de faire un site testé seulement sur FF, si par hasard on regarde avec IE ensuite, le site est tout moche, alors on se dit "normal IE c'est de la ***" mais si on regarde le html / css, je suis sur qu'il y a beaucoup d'incohérence et qu'il aurait été trés simple de faire quelque chose de correcte pour IE, la preuve, ton site comme beaucoup passe trés bien sous IE!

Par ce commentaire sur les FF-centrique, je vise principalement les débutants, qui test sur FF jusqu'a ce que ca marche sans vraiment connaitre les différentes signification des propriétés (cela s'apprend par l'experience). ils sont alors décus qu'une fois que cela fonctionne sur FF, cela ne fonctionne pas sur IE. Leur conclusion est trop rapidement "IE c'est de la *** tant pis pour lui"


Quand j'ai parlais du browser sniffing, les commentaires conditionnels en font pour moi partis, je ne vois aucune raisons de les utiliser !
De plus si on clique sur le lien qui est rajouté pour IE, il est ecrit qu'il faut abandonner IE4/netscape4 il n'est nul part mentionné IE6! donc ce lien est inutile :)(surtout qu'il apparait aussi sous IE7)
# mars 11, 2006 13:09

Mitch 74 a dit :

W3C ne parle pas de overflow-x ni overflow-y? Pas exactement - ils font partie du brouillon CSS3 depuis 2002.

S'il est vrai que les commentaires conditionnels ne devraient plus apparaître, ils sont pour le moment inévitables - puisque aucun moteur de rendu n'a le même fonctionnement que son voisin! IE est mauvais coucheur (oui, même IE7), Gecko a plusieurs sous-versions courantes, KHTML est peu répandu et Opera change tous les mois.

Tiens, je préfère encore retourner sous Lynx...
# mars 13, 2006 16:14
Les commentaires anonymes sont désactivés

Les 10 derniers blogs postés

- Office 365: Script PowerShell pour auditer l’usage des Office Groups de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 11:02

- Office 365: Script PowerShell pour auditer l’usage de Microsoft Teams de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 10:39

- Office 365: Script PowerShell pour auditer l’usage de OneDrive for Business de votre tenant par Blog Technique de Romelard Fabrice le 04-25-2019, 15:13

- Office 365: Script PowerShell pour auditer l’usage de SharePoint Online de votre tenant par Blog Technique de Romelard Fabrice le 02-27-2019, 13:39

- Office 365: Script PowerShell pour auditer l’usage d’Exchange Online de votre tenant par Blog Technique de Romelard Fabrice le 02-25-2019, 15:07

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Stream Portal par Blog Technique de Romelard Fabrice le 02-21-2019, 17:56

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Video Portal par Blog Technique de Romelard Fabrice le 02-18-2019, 18:56

- Office 365: Script PowerShell pour extraire les Audit Log basés sur des filtres fournis par Blog Technique de Romelard Fabrice le 01-28-2019, 16:13

- SharePoint Online: Script PowerShell pour désactiver l’Option IRM des sites SPO non autorisés par Blog Technique de Romelard Fabrice le 12-14-2018, 13:01

- SharePoint Online: Script PowerShell pour supprimer une colonne dans tous les sites d’une collection par Blog Technique de Romelard Fabrice le 11-27-2018, 18:01