非レスポンシブの要素をレスポンシブ化する「Reframe.js」
iFrameや動画(YOUTUBE/vimeo)などの非レスポンシブ要素をレスポンシブ化してくれる「Reframe.js」が役に立ちそうなので忘備録。動画を貼ることが多いブログなどで重宝しそう。
Reframe.js
-
シンプルなチャートを実装できるライブラリ「Frappé Charts」
-
リアルな水滴を表現できる「Rain & Water Effect Experiments」
-
グラデーションのアニメーションを実装できる「Granim.js」
-
レスポンシブデザインでのロゴパターン「responsivelogos」
-
スクロール連動のエフェクトを実装できるライブラリ「AOS」
RELATED POSTS
Web制作に役立つChromeおすすめの拡張機能11選
【jQuery】チルトホバーエフェクトを実装できる「Tilt.js」
【JS】マウスの動きに合わせて影の角度が変化する「shine.js」
画像に3Dブラーのホバーエフェクトを掛けられる「tiltfx.js」
シンプルなチャートを実装できるライブラリ「Frappé Charts」
【jQuery】レスポンシブ対応のスライダー「Glide.js」
