インターフェイスのデザイン、クローズやアローなどコントローラーのカスタマイズが可能な画像を拡大表示するLightbox風のスクリプト「ColorBox」を紹介します。 ColorBox 拡大表示できるのは画像のほかにも、インラインコンテンツ、外部コンテンツに対応しており、AJAX表示、画像ギャラリーにも対応しています。 デモでは、4パターンのカスタマイズが紹介されています。

入れ子構造のパネルをスムーズにスライドさせる、アコーディオンの超軽量（1.4KB）スクリプトをLeigeberから紹介します。 Accordion Script With Multi-Level Support demo デモでは、親の複数のパネル、子の複数のパネル共にスムーズなスライドで開閉ができます。 スクリプトはjQueryやPrototypeなど他のスクリプトには依存せず、入れ子のパネルはリスト要素で実装されています。 テスト環境は、Firefox 2/3, IE 6/7/8, Opera, Safari and Chromeとのことです。

twitter facebook hatena google pocket Mootools Function Chainingにて面白い表現が紹介されていました。 JavaScriptライブラリ「mootools」を使用し、テキストにエフェクトをかける方法です。 sponsors 使用方法 mootoolsからmootools.jsをダウロードします。 <script src="mootools-1.2.1.js" type="text/javascript"></script> <script type="text/javascript"> window.addEvent('domready', function(){ var fnChain = new Chain(); var move = $$('id名'); //エフェクトをかけたい対象のid名 move.each(functi

連想配列（オブジェクト）の配列　をランダムに並び替えるには以下のようなスクリプトを使用します。 >|| function shuffle(list) { var i = list.length; while (--i) { var j = Math.floor(Math.random() * (i + 1)); if (i == j) continue; var k = list[i]; list[i] = list[j]; list[j] = k; } return list; } ||

絵文字のおかれた状況がよくわかるコラム「絵文字が開いてしまったパンドラの箱」 Tweet 2009/3/4 水曜日 matsui Posted in 記事紹介・リンク | No Comments » CNET Japanに絵文字に関する連載コラム、「絵文字が開いてしまったパンドラの箱」が掲載されています。 興味深く、かつ読み物としても面白い記事ですのでご紹介させていただきます。 →　CNET Japan　絵文字が開いてしまった「パンドラの箱」第1回 – 日本の携帯電話キャリアが選んだ道 [japan.cnet.com] 文字コードとは、という話から、各キャリアの絵文字に関する解説まで、5ページにわたって解説されている、読み応えのあるコラムとなっています。 その他にも、変換サービスの仕掛け、Googleの絵文字共通化の動きまで詳しく解説されています。 しかしこれを読むと、絵文字（元を正せばシ

Tweensyで色操作したかったので、パラメータを試せるのようなものを作成。 ColorMatrixFilter利用の流れ 1.import import flash.filters.ColorMatrixFilter; import com.flashdynamix.motion.extras.ColorMatrix; 2.TweensyGroupインスタンス生成 tween = new TweensyGroup(); 3.画像配置 var _img:Bitmap= new Bitmap(new Img(200,160));// ImgはFlashのライブラリで書き出した画像データ addChild(_img); 3.tween実行 tween.to(new ColorMatrixFilter(), new ColorMatrix(_b, _s, _c, _h), 2, nul

Flex SDK 3.3 がリリースされて、Flex Builder 3 Professional のライセンスを持っている人のみ使用できる datavisualization.swc も修正されました。ただし、修正内容を確認する場合、ソースコードは自力で解凍しなければなりません。 あと、私が Chart 系のコンポーネントをあまり使用していないので今まで気付けなかったのですが、Flex Builder 3 Plug-in をアンインストールして再インストールすると、ライセンス認証はパスされますが、”Flex Builder 3 Plug-in/sdks/3.x/fbpro” フォルダが消えてしまうようです。困りますね。そんな場合にも下記手順は必要です。 手順 Flex 3 Data Visualization Components をダウンロード http://www.adobe.com

先日紹介した「オルトを利用して、画像にキャプションをかっこよく表示するスクリプト -Captify」と同等の機能をフレキシブルな実装に対応させたスクリプト「jCaption」を紹介します。 下記は、画像の下に配置したテキストを画像の上にキャプションとしてアニメーションでスライド表示させたものです。 jCaption: jQuery Image Captions with Customizable Markup, Style and Animation demo jCaptionのデフォルトの設定では、img要素のaltのテキストを利用して表示されるようになっています。 設定を変更することで、img要素の別の属性（titleなど）や画像とは関係無い別の要素（pなど）からのテキスト取得や、適用する要素やclass, idの指定ができます。 demoページではaltのみのデモですが、img要素の

「SitePoint」でフリーの写真素材サイトが紹介されています。 ざっといくつかご紹介。 » stock.xchng 超定番ですね。パレートの法則的にはほぼここだけでいいのでは » morgueFILE 200,000を超えるフリー画像 » Unprofound.com 色でソート可能な素材サイト » Photoeverywhere UKでの旅やレジャータイムを中心とした3,000を超える写真いろいろ » STUDIO7DESIGNS Free Stock Photography 高解像度の自然の写真素材 » FreePhotos.com 4,600以上の素材集。検索ができ、カテゴリーからも探しやすい » AarinFreePhoto.com ユーザー登録なしで利用可能。950以上の素材いろいろ その他のリストは以下からどうぞ。 » A Collection of 30+ Free St

airappli.comは、オリジナルAIR(Adobe Integrated Runtime)アプリケーションの配布やAIR情報などを配信しているサイトです。

新しい Progression 開発に向けて、少しづつ技術検証をしているのですが、ちょっとどうしようもない状況に遭遇したのでメモ。 まずは以下の wonderfl を実行してみてください。 ※同時に実行すると正しい結果にならないので、ブラウザを再起動するなどして個別に実行してください。 正常な動作 http://wonderfl.kayac.com/code/951c262d616b807aa22f7373c78178e2daa35906 問題版（メモリが完全に解放されない） http://wonderfl.kayac.com/code/b954ee245607250e4e047ea8cf53a5fbb13e0f49#code_forked 今回は 100000 個の MyObject インスタンスでの検証ですが、だいたい 2.4 MB 程の差が生じてしまっています。 この問題の影

Flex SDK 3.3 が公開されましたのでお知らせします。 US のサイトから SDK とデータビジュアライゼーションコンポーネントがダウンロードできます。（Flex Downloads） また、Adobe Open Source のサイトに Open Source SDK 3.3 の参るストーンビルドが公開されています。（Flex 3 SDK Downloads） 今回のアップデートは、先日の Flash Player と AIR の更新への対応になります。あわせて主要なバグフィックスも行われています。 インストール手順については、こちらのテックノートをご覧ください。（Flex 3 SDK リリースノート） 現時点ではまだ SDK 3.2 発表時の内容ですが、インストール手順自体は同じです。

20 High-Resolution Denim Textures デニム地の高解像度テクスチャいろいろが照会されてます。 おしゃれな雰囲気のアパレルサイトの構築なんかに使えるのかも。 Denim Texture 01 Denim Texture 02 Denim Texture 03 全部見る 関係ないですが、デニムって使うほどに味がでますが、サイトデザインも使っていると変化するような物とかあったらちょっと驚きですね。 関連エントリ 木目や錆、繊維など使えるテクスチャ画像集まとめ カラフルでフリーな美麗テクスチャ集 写真みたいなのにシームレスな背景として使えるテクスチャ配布サイト「SeamlessTextures.net」 紙、ペイント、メタルのテクスチャ画像集

DataTables (table plug-in for jQuery) jQueryベースの多機能グリッドテーブル「DataTables」。 ソート、表示件数調節、ページネーション、検索機能がついています。 スタイルがほどよくあたっていて嫌な感じがありません。 動作もなかなか軽快です。 関連エントリ jQueryでリッチなグリッドを実装「jqGrid」 手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」 ブラウザ上で簡単グリッド作成「gridr buildrrr」

AbhiTech: HOW-TO: Reddit-style Voting With PHP, MySQL And jQuery reddit風のGoodかBadの投票機能実装サンプル。jQuery+PHP+MySQLにて実装されています。 シンプルで直感的な分かりやすい投票機能をページに実装したい方は参考にするとよさそうです。 星型の段階的な投票よりも、白黒ハッキリさせたい投票機能として使えそうですね。 データベースのデータ形式もシンプルなので取得したデータを活用するのも容易です。 関連エントリ jQueryとPHPでダイナミックな投票スクリプトを作成 投票用ウィジェットを簡単に作成できるサービス「Vizu」 PHP＋MySQLで投票機能を作成するチュートリアル＆ＤＬ

6 jQuery Chart Plugins For Your App | Steve Reynolds Blog グラフ描画用のjQueryプラグイン集が紹介されていました。 あまり知られていないものも結構あるみたいです。 Google Charts Plugin 描画はGoogle Chart API に任せて、その描画を用意にするためのインタフェースを提供するライブラリ jQuery Chart 0.21 JSでの描画機能をもったグラフライブラリ。棒・ライン・エリアのグラフを選んで描画できる TufteGraph シンプルでprettyなグラフを描画するライブラリ 全部見る グラフ描画ライブラリの基本としても使われるjQueryってすごいなぁと思いますね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 便利なjQueryプラグインいろいろ 伸縮する全画

Create astonishing iCal-like calendars with jQuery | Stefano Verna iCal風の美しいカレンダーをページ上に配置可能なライブラリ 次のようなカレンダーをウェブ上に設置して自身のスケジュール公開なんかが出来ます。 動作デモはこちらでイベントのある日にカーソルを合わせるとアニメーションポップアップで内容を知ることが出来ます。 単にスケジュールを羅列するよりこうした仕組みで表示するようにしておけば、スマートかつオシャレな印象を与えられそうです。 関連エントリ とても洗練されたＵＩの日付ピッカー＆カレンダー集 超クールなカレンダー型日付入力補助用JSライブラリ