jQueryとFont Awesomeで作った「トップに戻る」ボタンの簡単な導入方法

Top ni modoru

Webページのナビゲーションとして、そこかしこで見掛けるようになった「トップページへ戻る」ボタン。

ページを下にスクロールさせるとぼわ〜ん出現して、クリック（タップ）するとぐい〜〜ん！と上に戻るというやつです。ボタンはCSSとFont Awesome、出現とクリック時のエフェクト動作はjQueryを使っているだけなので、様々なブログやWebサイトに簡単に導入することができます。

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

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

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

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

Macから、FC2ブログに複数の画像ファイルを一括アップロードするには、Apple Scriptを使うと簡単です。

ファイルのアップロード速度もWindows用ツールのFC2Uploadと比べてかなり速く、ブログエディタからXML-RPCを通じてアップロードできない状況でも、複数の画像ファイルを比較的効率的にアップロードすることができます。

「AniCollection」では、CSS3のプロパティ「webkit-animation」を使用したアニメーションパターンのサンプルが取得できます。

一般的なブログなどでは使い所がちょっとムズカシイものがありますが、ワンポイントとして使うと訪問者を驚かせることができそうです。

TumblrとTwitterを便利にしてくれるUserScriptをご紹介します。
まずは、下記アドオンをインストール。