Verktøykasse for responsive design

Etterhvert som tjenester blir brukt gjennom flere og flere ulike enheter med nettilgang har kravene det stiller til grensesnittet eksplodert. Et svar på denne utfordringen har vært såkalt responsive design. I sin enkleste form betyr en designstrategi som responderer på konktekst, skjermstørrelser, type enhet osv. Her er 5 verktøy for å komme i gang:

1. Gjør gridsystemet flytende

Fluid960gs – samme prinsipp som et statisk 960 grid, men responderer til skjermbredden.

2. Få kontroll på hvordan fontene oppfører seg

Letterings.js –  en jQuery-plugin som lar deg ta tilbake (detalj)kontrollen.

3. Fleksible bilder

Resizable images – sørg for at bildene også følger den øvrige skaleringen.

4. Tilpass navigasjon til konteksten

Adaptive menyer – optimaliser varianter av menyer for ulike enheter f.eks. mobil.

5. Test, test, test

Resizemybrowser.com – er en rask tilnærming til å få oversikt over hvordan grensesnittet responderer.

Vil du vite mer om responsive design?