Cheatsheet Harvey.js

Harvey.js è una libreria JavaScript leggera per monitorare e rispondere alle transizioni di stato delle media query CSS.

Utilizzo

Harvey.add(
  'viewport-small',
  {
    setup: function () {
      // Eseguito una sola volta alla registrazione
    },
    on: function () {
      // Eseguito quando la condizione media query diventa vera
      console.log('Entered small viewport');
    },
    off: function () {
      // Eseguito quando la condizione media query diventa falsa
      console.log('Exited small viewport');
    }
  }
);

Nota di archivio: Harvey.js è software legacy. Lo sviluppo web moderno utilizza in genere listener nativi window.matchMedia('(max-width: 600px)') oppure enquire.js.

Riferimenti

• Pagina del progetto Harvey.js
• MDN: window.matchMedia