Combien coûte le support IE7 ?

ou
Que représente le support d'un vieux navigateur.

Qui suis-je ?

Thomas ZILLIOX.
Je suis développeur freelance,
spécialisé dans la réduction des coûts de maintenance CSS.

Mes missions commencent par la question :

Quels navigateurs supportez-vous ?

Une décision stratégique

Chaque navigateur supporté est un investissement.

  1. Est-ce un coût seulement financier ?
  2. Savez-vous l'estimer ?
  3. Combien avez-vous à gagner ?
  4. Que font vos concurents ?

On a besoin des développeurs pour y répondre

Démonstrations IE8

Pseudo elements


.alert-error:before {
    content: ''; /* \f071 */
    font-size: 1em;
    float: none;
    padding-right: 0px;
    font-family: Baskerville; }
.alert-error:after {
    content: '';
    display: block;
    clear: none; }

Oh snap! Change a few things up and try submitting again.

Pseudo elements

Ne pas utiliser les pseudo éléments :

  • Diminution de la lisibilité et de la maintenabilité

Plus d'infos : http://bit.ly/pseudoEl (Chris Coyier)

Box sizing


.greenElement,
.redElement {
    float: left;
    width: 50%;
    }

Box sizing

Ne pas utiliser les box-sizing :

  • Diminution de la lisibilité et de la maintenabilité

Plus d'infos : http://bit.ly/boxSizing (Roger Johansson)

Table layout


.greenElement,
.redElement,
.blueElement {
    display: block; }
.greenElement {
    }

Table layout

Ne pas utiliser les table layout implique :

  • Perte de temps de développement
  • Un frein pour d'autres navigateurs
  • Travail en double ?

Plus d'infos : http://bit.ly/tableLayout (Rachel Andrew)

Parlons d'IE7

IE7 Bugs

Il y a de nombreux bugs (improbable) dans IE7 :

  • Augmentation des temps de tests, de support, de debug
  • Augmentation de code illogique à maintenir
  • Diminution de la motivation, du moral des développeurs
  • Achat de matériel ?

Pérénité d'investissement

C'est investir dans un navigateur qui va mourrir.

Renoncer aux outils à jour :

  • jQuery 2
  • Bootstrap 3
  • Normalize 2
  • etc.

Conclusion

Les coûts du support IE7

  • Augmentation du temps de développement
  • Augmentation du temps de test, support, debug
  • Diminution de la lisibilité, maintenabilité
  • Diminution de la motivation, du moral
  • Renoncer aux outils à jour
  • Dette technique difficilement remboursable
  • Réalisation impossible
  • Travail en double
  • Achat de matériel

Estimons chaque coût

Rouge/orange/vert en fonction de :

  • Les compétences de l'équipe
  • Les outils en place
  • La stratégie de support
  • L'objectif du projet
  • etc.

Développeurs,
si vous ne voulez pas supporter IE7,
il faut donner des arguments !

Merci pour votre attention !

@iamtzi