columns の margin が原因で、モバイル端末では以下のように水平スクロールバーが表示されてしまいました。不要なので、is-variable is-0-mobile を使用して消しました。

MDL の Fixed header を使用すると、AndroidのChromeで下スクロールしてもアドレスバーが非表示にならない。CSSを追加定義して対応します。

依存性がなく軽量(約5KB)なGiffferを使用します。gifアニメの静止画を動的に生成され、画像クリックされたら再生するようにします。

依存性がなく軽量(約12KB)なZooming.jsを使用します。Material Design Liteを使用したサイトに適用したところ、ズームした画像が見えなかったため、z-indexを切り替えて対応しました。