...

Méthodologie de développement d'un site responsive

Qu'est ce que le responsive , cweb design ? C'est une technique qui rend le site adaptable en largeur, et en modifiant l'agencement des différentes parties du site en fonction de la largeur de l'écran, pour permet d'adapter un même page web en fonction du terminal qui veut y accéder. Le site s'adaptera à la taille du terminal et à ses fonctionnalités. Pour illustrer cela un exemple mettant met en évidence la différence entre : un site statique, liquide, adaptatif , et responsive.

Les approches de développement

...

Avant tout un petit rappel sur les possibilités offertes par CSS afin de spécifier une taille avec l'article the Lenghts Lengths of CSS

Auparavant durant le développement d'un site il était usuel de rencontrer des notations du genre pour un site de 1200px de large. 

...

Il est possible de trouver un historique des discussions sur cette version modifiée de Bootstrap avec Jasig via l'historique de la mailing list

Nécessité d'implémentation de

...

modifications au sein du framework

Comme évoqué précédemment les medias queries ne se base que sur la largeur de la fenêtre, or les portlets peuvent prendre différentes tailles au sein d'une page, une portlet va pouvoir avoir une largeur de 40%, 50%, 60% ou même 100% de la largeur de la page. Et une même portlet pourra avoir deux largeur différentes sur une même page.

La version modifiée permet de passer outre ces limitations des medias queries. Il devient en effet possible d'avoir des "css conditionnelconditionnelle" en fonction de la largeur de la portlet elle même.

...