IMPORTANT: Per accedir als fitxer de subversion: http://acacha.org/svn (sense password). Poc a poc s'aniran migrant els enllaços. Encara però funciona el subversion de la farga però no se sap fins quan... (usuari: prova i la paraula de pas 123456)

Responsive web design

Off Canvas

A l'article RWD es defineix un patró anomenat Off Canvas que permet fer quelcom similar als menus de navegació de bootstrap que s'amaguen o el Drawers de Android.

Amb Hammer.js es pot simular el Gesture Swipe per mostrar un menú amagat.

Codi:

(function(){
  var mainPanel = document.getElementById('mainPanel');
  var sidePanel = document.getElementById('sidePanel');

  var hammerPanel = new Hammer(mainPanel);

  hammerPanel
    .on('swiperight', function(e) {
      sidePanel.classList.toggle('open');
    })
    .on('swipeleft', function(e) {
      sidePanel.classList.toggle('open');
    });
}());

Vegeu:

Vegeu també

Enllaços externs