Loading...
Loading...

Le responsive design

Aujourd’hui le responsive design est indispensable pour faciliter l’accessibilité de n’importe quel site internet. Celons les chiffres clés de la mesure web analytiques de Médiamétrie – mars 2015 plus de 45% des utilisateurs utilise un smartphone ou une tablette pour naviguer sur internet. Les développeurs, intégrateur et webdesigner doivent s’adapter à cette innovation. Pour cela il existe de nombreux outils qui utilisent généralement un Framrwork CSS pour ordonner le contenu d’un site suivant une grille adaptative permettant de réordonner l’affichage pour faciliter la lecture sur petit et grand écran.

Le framework CSS Unsemantic en fait partie, nous l’utilisons tous les jours. Permettant de facilement façonner la structure suivant l’affichage, de repositionner des blocs ainsi que de supprimer des éléments encombrant pour des petits affichages.

Mais les solutions existantes ne sont pas non plus magiques, elle demande à ce que les graphistes web apprennent à maitriser cette logique pour la conception d’une structure repositionnable, et avec un système de grille le webdesign se ressemble de plus en plus, c’est pourquoi le graphiste web cherche toujours à faire parler sa créativité et n’est pas toujours le meilleur ami du développeur et intégrateur qui devra quoi qu’il arrive adapter de lui même certain contenu ne pouvant pas être simplement repositionné avec un système de grille.

Nous sommes confrontés tous les jours à ce problème actuel, et avons développé une Addon à Unsemantic pour faciliter le modelage suivant l’affichage. En continuité avec le système de grille traditionnel, nous proposons de gérer l’alignement du texte, le type d’affichage, les espacements et d’autres propriétés css souvent utilisées avec la même logique que Unsemantic et sur la même calibration des @Médias Query. Cela n’est pas non plus la solution miracle mais aide les développeurs et peut leur faire gagner un temps fou.

Unsemantic Addon G7

Disponible sur GitHub : https://github.com/G7design-fr/unsemantic-addon-g7