Bonjour,
Si vous avez suivi les dernières propositions (Draft) du W3C il semblerait que "srcset" soit la voie qu'ils souhaitent voir implémenter dans les navigateurs.
http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/
Ce qui me chiffonne un peu c'est que srcset impose en 4 et 6 une largeur fixée en pixel.
http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/#image-candidate-string
Sur vos projet, si vous fixez la largeur de vos média queries en EM , utilisez vous ce système ?
Moyennant quelques calculs c'est possible de faire la convertion, mais dans le mesure ou les EM sont fixés dans le css, et que la taille des images sont codées en dur dans le code HTML, il n'y a plus de respect de la séparation forme/contenu.
Quels solutions utilisez vous aujourd'hui pour les "adaptative images" ? et laquelle vous semble la plus maintenable dans le temps ?
Merci pour vos retours.
Personnellement, grunt-responsive-images, et srcset sont pas trop mal, d'autant plus qu'il y a un fallback aussi bien pour le JS désactivé et pour les navigateurs supportant pas "srcset".
Si vous avez suivi les dernières propositions (Draft) du W3C il semblerait que "srcset" soit la voie qu'ils souhaitent voir implémenter dans les navigateurs.
http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/
Ce qui me chiffonne un peu c'est que srcset impose en 4 et 6 une largeur fixée en pixel.
http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/#image-candidate-string
Sur vos projet, si vous fixez la largeur de vos média queries en EM , utilisez vous ce système ?
Moyennant quelques calculs c'est possible de faire la convertion, mais dans le mesure ou les EM sont fixés dans le css, et que la taille des images sont codées en dur dans le code HTML, il n'y a plus de respect de la séparation forme/contenu.
Quels solutions utilisez vous aujourd'hui pour les "adaptative images" ? et laquelle vous semble la plus maintenable dans le temps ?
Merci pour vos retours.
Personnellement, grunt-responsive-images, et srcset sont pas trop mal, d'autant plus qu'il y a un fallback aussi bien pour le JS désactivé et pour les navigateurs supportant pas "srcset".