[JS] 貼り付けたYouTube動画をレスポンシブにするjQuery「FitVids.JS」

FitVids JS

FitVids.js」は、YouTubeやVimeoなどの動画サイトから貼り付けコードで貼り付けた動画を、レスポンシブに対応させるjQueryプラグイン。

YouTubeなどの貼り付けコードはmax-widthを100%にしても横長になってしまうため、完全にレスポンシブとは言えず、ちゃんと表示させるにはこのjQueryライブラリを使用する。

続きを読む →

[CSS/JS] ウィンドウサイズでフォントサイズを最適化するJS

FlowType JS

ウィンドウの横幅(width)によって、font-size と line-height を変更して表示するという、レスポンシブレイアウトでは有効なJS。

最大フォントサイズと最小フォントサイズを指定できるので、これをキッチリと見やすいサイズで指定しておけば、小さくて文字が読めないといった問題は起きません。

[ FlowType.JS ]