Discussion :

[Bovino]

L'équipe de Miratech vous propose un état des lieux de la fragmentation des terminaux mobiles : La fragmentation technologique des terminaux mobiles.

La fragmentation technologique des appareils mobiles, c'est la multiplication des constructeurs, des tailles d'écrans, des fonctionnalités, des systèmes d'exploitations et plus généralement des systèmes mobiles.

À l'aube de 2014, le marché des mobiles est toujours en pleine expansion. Smartphones et tablettes de toutes tailles, livres électroniques, montres tactiles, consoles de jeu, télés ou encore voitures ou micro-ondes, notre monde devient toujours plus connecté… mais aussi plus fragmenté.

Bien entendu, vous êtes invités à faire part de vos remarques et commentaires concernant les cet article.

La fragmentation technologique des terminaux mobiles.

[Muchos]

La quantité de devices/browsers différents est impressionnante! L'avenir est vraiment à l'adaptive design. J'attends aussi avec fébrilité une solution HTML/CSS fiable pour proposer différents formats d'une même image selon le contexte.

Dans tous les cas, il faut accepter de ne pas pouvoir tout couvrir (Miratech eux-mêmes ne peuvent tester que 93% du parc mobile) et laisser l'écran libre à l'utilisateur

[Bovino]

Ca commence à arriver pour les images en HTML5 avec les attributs src-n, voir The src-N Responsive Image Solution.

[Jarodd]

Ils ne connaissent que 3 couleurs chez Miratech ? J'ai cru que Windows Phone avait 80% de parts de marché en 2013 !

Concernant les navigateurs, Firefox est-il comptabilisé dans les "autres" ? 4.6% (sans compter les autres "autres", c'est vraiment peu pour le panda roux...

[SylvainPV]

La spécification src-n est obsolète Bovino, voir le premier commentaire ;

The src-N spec is outdated, and shouldn't be looked at any longer. It was an attempt to find consensus around something as powerful as <picture> but less terrible than the srcset attribute, which unfortunately failed.

Instead, the <picture> element spec was revived and revised, and now has approval from every major browser vendor that participates in WHATWG. This should be the end of the responsive images debate.</picture></picture>

En attendant <picture>, la meilleure option que j'aie trouvée est d'utiliser un bloc vide de taille fixe et des règles background-image différentes selon les media queries.

[Muchos]

La spécification src-n est obsolète Bovino, voir le premier commentaire

Je pense que cette personne se trompe, confondant peut-être avec l'attribut SRCSET de l'élément PICTURE.
SRC-N est bien la solution actuellement retenue.

Note: votre option à base de BACKGROUND-IMAGE est intéressante mais malheureusement inapplicable en dehors les images décoratives.

[SylvainPV]

Le commentaire date d'il y a huit jours et vient de Tab Atkins Junior, qui bosse au CSS Working Group. Ça me paraissait fiable comme source.
Je crois qu'ils ne se sont pas encore tout à fait d'accord sur le sujet, mieux vaut laisser les choses décanter avant de songer à implémenter ça.