S’il y a bien une tendance de fond cette année en Webdesgin, c’est le « responsive design ». Cette technique consiste à créer des sites Web qui se dégradent bien quelque soit la taille du terminal qui affiche la page.
Entre les netbooks, ultraportable, tablettes et smartphones, le temps où l’on se limitait à des grilles de 960 px est révolu.
Voici une modeste liste des derniers frameworks que j’ai collecté depuis des semaines, et qui permettent de créer des design réactifs, et quelques articles de fond sur le sujet (dont certains déjà publié ici).
SimpleGrid
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fsimplegrid.info%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
The Semantic Grid System
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fsemantic.gs%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
Golden Grid System
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fgoldengridsystem.com%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
Mobilize.js
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fmobilizejs.com%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
Gridless – An awesome HTML5 & CSS3 boilerplate for mobile first responsive, cross-browser websites
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fthatcoolguy.github.com%2Fgridless-boilerplate%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
Columnal | A responsive CSS grid system helping desktop and mobile browsers play nicely together.
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fwww.columnal.com%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
Pixel Proliferation: A Toolset For Managing Screen Resolutions
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fpunchcut.com%2Fperspectives%2Fexpanding-universe-toolset-managing-screen-resolutions?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
Inuit.CSS – cooler than a polar bear’s toenails …
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fcsswizardry.com%2Finuitcss%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
Adapt.js – Adaptive CSS
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fhttp%3A%2F%2Fadapt.960.gs%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
The 1140px CSS Grid System – Fluid down to mobile
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fcssgrid.net%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
How To Develop Elastic Grid Layouts In CSS
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fwww.vanseodesign.com%2Fcss%2Felastic-layout-code%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
10 excellents outils pour les designs réactifs
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fblog.websourcing.fr%2Fontheweb%2Fexcellents-outils-designs-reactifs%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
Webdesign réactifs : Techniques, Outils et Stratégies
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fblog.websourcing.fr%2Fontheweb%2Fwebdesign-reactifs-techniques-outils-et-strategies%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
Démonstration de designs Web & réactifs
![[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles](http://s.wordpress.com/mshots/v1/http%3A%2F%2Fblog.websourcing.fr%2Fontheweb%2Fdemonstration-de-designs-web-reactifs%2F?w=500&h=300 "[Webdesign Express] Des frameworks pour créer des sites réactifs et mobiles")
Vous pouvez aussi trouvez quelques autres articles en cherchant le mot « réactif » (un mot que j’ai plus ou moins inventé, vous avez mieux ?) sur le blog.