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

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

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

[JS] ユニークなアクションのメニューなどの「Elastic SVG Elements」

マウスクリックした時に、ゼリーの様なアクションをするフォームやらドロップダウンメニューやらのJavaScript「Elastic SVG Elements」。

2014年7月22日

ボタンやアイコンをクリックすると、ぼわーーんと気持ちの良いエフェクトが出せる「Waves」。導入も簡単なので、ブログやWebのちょっとした味付けにいいかもしれません。

サポートしているブラウザは、Firefox, Chrome, Safari, IE10以降。

2014年7月11日

ブラウザの表示画面に伴って異なる画像ファイルを表示させるjs「Picturefill」。

2014年7月9日

「GifLinks」は、gifアニメへのリンクにマウスカーソルを持っていくと、ブラウザの表示画面全体にgifアニメが表示されるjsライブラリ。

なかなか面白いですね。
ただ、あまり重いgifアニメは使わないように注意しないと、訪問者に嫌われちゃうかもしれません。