...
Dans le cadre d'un développement de ce site il est hautement recommandé de se baser sur une grille existante. Il est possible de se baser sur celle de Bootstrap ou même Foundation, ces deux frameworks offrent la possibilité de choisir quelles partie module de la librairie télécharger. Il devient alors possible de n'avoir que les grilles.
Comme évoqué précédemment le concept d'Element Query (appliqué des CSS conditionnelle par rapport à un élément de la page et non par rapport à la fenêtre globale) n'existe pas en CSS. Cependant l'élément HTML iframe applique les medias queries de la page incluse par rapport à la taille de l'iframe.
Cela permet donc d'utiliser les frameworks CSS sans les modifications présentés dans la partie précédente. Cependant les iframes apportent plusieurs problématiques. Leur largeur et leur hauteur sont fixes par exemple.
Pascal Rigaux de l'université Paris 1 a développé une solution reposant sur postMessage en HTML5 afin de communiquer entre la page HTML et la page incluse dans l'iframe. Le fonctionnement basique de cette solution est que la page incluse va transmettre à la page parente la hauteur de son contenu.
Il est possible de retrouver le diaporama de présentation du travail réalisé par Pascal R. sur Github. Une documentation est aussi disponible sur Esup-Portail.
D'après le site CanIUse, la fonction postMessage est compatible avec Internet Explorer 8 et supérieure. Cette fonctionnalité est prise en charge par plus de 90% des navigateurs du marché.
...