Responsive web design: nieuwe technieken & tools

Tegenwoordig willen bedrijven verschillende versies van hun website: eentje voor iPhone, eentje voor BlackBerry, eentje voor iPad, enz. Waar zal het stoppen?

Responsive web design krijgt daarom tegenwoordig zeer veel aandacht: het design van de website past zich aan naargelang het gebruikte platform zodat usability en lay-out optimaal blijven.

Smashing Magazine geeft een interessant lijstje van technieken en tools die je kan gebruiken bij het ontwikkelen van een responsive web design:

Responsive design technieken:

  • CSS transities en media queries
  • Responsive data tables
  • Responsive navigation menus
  • Responsive images & videos
  • Responsive email nieuwsbrieven

Responsive design tools

  • Respond.js
  • WebPutty: scientific progress CSS editing
  • Debugging CSS media queries
  • Responsive design testing
  • Responsive containers: selector queries
  • Media query bookmarklet
  • Responsivepx
  • Protofluid
  • Fluid grid calculator
  • Yoko WordPress theme
  • Scherzo WordPress theme

Responsive design templates

  • 320 and up
  • Media queries voor standaard devices
  • Mobile boilerplate
  • Skeleton

Responsive design frameworks

  • 1140 CSS Grid
  • inuit.css
  • Flurid
  • FluidGrids
  • Less Framework 4

 

Gelezen via: http://www.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-strategies/

Leave A Comment




    Leave a Reply

    Your email address will not be published. Required fields are marked *