ざこノート

CSS

2018-05-25 [Material Design Lite]

[Material Design Lite] 固定ヘッダーで下スクロールしてもスマホChromeのアドレスバーが隠れない

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

2018-05-24 [js]

[js] Gifffer gifアニメをクリックしたら再生する

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

2018-05-20 [js]

[js] Zooming 画像クリックで拡大表示する 親要素のz-indexに注意

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