C'est justement ce que je proposais dans les améliorations de SOM. Faire un site responsive n'est pas si compliqué que ça avec les media queries. La plupart du temps, il suffit de faire 3 feuilles de style pour s'adapter au mode desktop, tablette, et smartphone ; en sachant qu'on a une majorité de règles dans une CSS, en fonction du paradigme adopté (desktop-first ou mobile-first).
Cela dit, dans le cas de SOM, c'est un peu plus compliqué car Loïc a utilisé beaucoup de tableaux pour positionner les éléments statiques. Cette technique est assez « rigide » et n'est plus utilisée aujourd'hui pour des raisons d'accessibilité. On lui préfère généralement les flottants (que je déteste tout particulièrement), les marges automatiques, ou la propriété « display » (Flexbox est un bijou...). Le positionnement relatif et absolu reste assez minoritaire.
Tout ça pour dire que : soit la refonte est complète, soit il faudra surcharger quasiment toutes les règles CSS pour les supports mobiles (ce qui ne me semble pas très judicieux...).
Pour le redimensionnement des images, on peut très bien se passer de JavaScript. Avec les media queries, il est tout à fait possible de redimensionner dynamiquement la taille des images sans trop de perte de qualité. On peut le faire par exemple en spécifiant une nouvelle hauteur ou (XOR) largeur à l'image en fonction de la taille de l'écran. Le navigateur se charge ensuite de redimensionner l'image en
respectant les proportions.
Bien sûr, en fonction de ce qui veut être réalisé, l'utilisation de JS n'est pas à exclure. Mais bon, j'ai tendance à penser qu'il vaut mieux éviter de mettre des scripts partout quand on peut faire la même chose en CSS. Une feuille de style, c'est extrêmement léger et ça ne bloque pas le chargement de la page outre mesure. Google en tient compte dans ses critères de référencement.
« Sans la musique, la vie serait une erreur. » (Friedrich Nietzsche)
