画像のマウスオーバーやリンククリックでSEを流せるJS「Loud Links」

LoudLinks

Webページの指定したエレメントをマウスオーバーしたり、リンクをクリックすると音声を再生することができる、ちょっぴりお茶目なJavascriptライブラリ「loud-links」。

jsファイルをヘッダーで読み込み、divで囲ってclass指定するだけと導入は簡単。あまり五月蠅くすると嫌われますが、特定のポイントで気持ちの良いSEを使うと面白いかもしれません。

デモページにある、ネコのgifアニメにマウスオーバーすると「にゃ〜ん」と泣くを参考に。

Source: GitHub – MahdiF/loud links

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

FitVids JS

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

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

続きを読む →