Votre navigateur est trop vieux !

Mettez à jour votre navigateur pour visualiser correctement ce site Mettre à jour mon navigateur

Désintégrateur


Le carnet de notes d'un développeur front-end souhaitant partager ses connaissances en intégration et webdesign, à travers son expérience et ses observations.

Grid, un superbe guide pour le responsive

Grid, a simple guide to responsive design

Mon gros coup de coeur du moment vient de ce site : Grid, a simple guide to responsive design, réalisé par un dév front-end, qui se fait appeler Adam Kaplan. Comme sa baseline l'indique, Grid est un guide regroupant les principes de bases du responsive et ses bonnes pratiques, qui ne sont pas forcément respectés de tous.

Adam aborde les sujets suivants, chacun accompagné d'un bout de code, d'une illustration et d'une explication :

  • Les medias queries
  • Le Reset CSS
  • Le viewport
  • La propriété box-sizing
  • Le système de grille (columns, rows, ...)

Il rappelle également l'intérêt du responsive, le concept du Mobile First et le marché actuel des mobiles.

De plus, le site est très bien conçu : flat et épuré (et responsive évidemment), avec des illustrations claires et des paragraphes compréhensibles qui vont à l'essentiel.

Bref, un must-read ! Le lien : Grid, a simple guide to responsive design


Au sujet de l'auteur

DEGRYSE Alexis

Lille (Nord) http://alexisdegryse.fr

24 ans, autodidacte et fasciné par les évolutions du web sous toutes ses formes, je travaille depuis 4 ans en tant que consultant en intégration dans une SSII lilloise. Ah, et je suis grincheux !


Discussions

comments powered by Disqus