クエストクリエイト、というサイトを公開しました。

クエストクリエイト
http://quest-create.com/

探求(quest)・創造(create)という意味を込めましてクエストクリエイトと名付けました。
サイト公開に伴い、当サイトをどうしようかとちょっと考え中です。

ナビゲーションボタンのロールオーバーなどの効果を付けるときに、
jQueryを使う機会も多いかと思います。
ロールオーバーに関するスクリプトは検索すると多数見つかりますが、

「ボタンをクリックしたときに効果を付ける」

というものが見つからなかったので、自作してみることに。
基本となるスクリプトですが、こちらの記事の

jQueryでロールオーバー！プリロード対応版

を参考にして作成してみました。

$(function(){
    $("img.action").mouseover(function(){
        $(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"))
    }).mousedown(function(){
        $(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1_push$2"))
    }).mouseout(function(){
        $(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
    }).mouseup(function(){
        $(this).attr("src",$(this).attr("src").replace(/^(.+)_push(\.[a-z]+)$/, "$1$2"));
    }).each(function(){
        $("<img>").attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"))
    })
})

img要素にclass=”action”を指定します。

<img src="sample.png" class="action" />

上記記事と同様にロールオーバー用の画像にsample_on.png、
そしてクリック時用の画像にsample_push.png、
というようにそれぞれファイル名の最後に_on、_pushと付けた画像を用意します。

※なお場合によって不具合がでる場合があるかもしれないので、その点はご注意を。

新たにHTML・CSSに関するちょっとした覚書サイトを作成しました。

CSSOBOEGAKI

コンテンツはまだまだ少ないですが、徐々に増やしていければと思います。
将来的には簡単なテンプレート等も作っていきたいなあ、と考えています。

WordPressで簡単にフォームが設置できるプラグイン、
「Contact Form 7」についてご紹介。

Contact Form 7

シンプルなフォームですが、簡単に設置することができます。
便利なのが、管理画面から追加したい項目をワンクリックで追加できる点。
更にCAPTCHAにも対応していて、こちらも簡単に追加できます。

※CAPTCHAを使用するには別途、Really Simple CAPTCHAが必要です。

最近やたらと名前を聞くようになったGumblar（GENOウィルス）。
大手サイトでの被害も広がっています。
そしてこのGumblarの中には有名なフリーソフト、
FFFTPを狙ったものがあるということです。
そこでFFFTPの作者、Sota さんのサイトで最新版が公開されています。

http://www2.biglobe.ne.jp/~sota/ffftp-vulnerability.html

マスターパスワードを設定することにより、
パスワードを解読される確率が大幅に低くなるとのこと。
もちろんウィルスに感染しないにこしたことはないですが、
FFFTPを使用する方は、万一に備えて対策をしたほうが良いかと思います。