PhotoshopやGIMP用のブラシをダウンロードする前に、ブラウザ上でブラシの効果を試してからダウンロードできるサイト「BlendFu」を紹介します。 BlendFu キャプチャは、More Swirls BlendFuは、以前「マニアックなものまで揃っているPhotoshopのブラシ -BlendFu」で紹介しましたが、作者より「インターフェイスがパワーアップした」とメールを頂いたので、再紹介です。 ブラシの試用は、サイズやカラーの変更だけでなく、不透明度、角度を変更でき、ランダム効果、フィルタ効果を適用することもできます。 また、自サイトにiframeで埋め込むことも可能です。 ※サイトの幅が狭いため表示が切れてしまってますが。 iframe解除版

昼用（太陽）と夜用（月）が揃った、晴れ、曇り、雨など天気のPSD素材をdezinerfolioから紹介します。 Weather Graphic Set ダウンロードできる素材はpsdとjpgで、psdは各天気ごとにレイヤーが分かれたものとなっています。 ライセンスは、個人サイト・商用サイト共にフリーで利用できるとのことです。

リストで実装された箇所をアニメーションで開閉するアコーディオンにするスクリプトをJoomlationから紹介します。 Flexible Accordion demo 「Flexible」とあるだけあって、高さが異なるリストや多用な要素が配置されたリストでも、アコーディオンのヘッダとコンテンツ箇所を指定しスクリプトを記述すると、アニメーションで開閉するアコーディオンに変更できます。 アコーディオンのヘッダには「class="accHeader"」、コンテンツには「class="accContent"」を指定します。 Flexible AccordionはjQueryのプラグインのため、実装にはjquery.jsが必要です。

外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の@importはパフォーマンスに悪影響を与えることについてのフォローアップを紹介します。 don't use @import 内容は、IEでは@importで外部スタイルシートを指定すると、パフォーマンスに悪影響を与えるので使用しないでください、というものです。 下記は、外部スタイルシートを@importとlinkを組み合わせて、それぞれのパフォーマンスを比較したもので、キャプチャはそのサイトのものと、参考に当環境でIE7/Fx3(XP)を検証したものです。 @import @import 2つの外部スタイルシートを@importで指定。 <textarea name="code" class="html" cols="60" rows="5">

PV3D専用だと思ってあんまりチェックしてなかったJigLibFlashが、PV3D以外のエンジンにも対応（現在、PV3D、Away3D、Sandyに対応）してくれたので、Away3Dでもそのまま使えるようになった。JigLib Flash for Away3D おつかれさま。 これまでのバージョンだと、表示用のメッシュにDisplayObject3Dをダイレクトに指定する形になっていたのが、ISkin3D っていうインターフェースをカマせることで、組み合わせたいエンジンのメッシュを指定できるようになった。 Away3Dを使うなら、 var box:JBox = new JBox(new Away3dMesh(daeobj),100,200,50); ※daeobjは、外部から読み込んだColladaモデルと仮定 って感じ。ちなみに、Away3dMeshクラスの実装は、Mesh オブジェ

yamaokaです。 HTMLのフォームでチェックボックスやラジオボタンを扱う場合、 対応したlabel要素を用意することが多いと思います。 <input type="checkbox" id="foo" name="foo"> <label for="foo"> キャプション </label> わざわざ小さなチェックボックスやラジオボタンを狙ってクリックする必要がなくなり、 labelタグで囲まれたキャプションの部分をクリックすればよいようになります。 しかし、次のような場合どうでしょう。 <input type="checkbox" id="foo" name="foo"> <label for="foo"> <img src="bar.gif"> キャプション </label> label要素の中にimg要素（画像）が含まれているような場合を考えてみます。 もっと具体的にいうと、ユー