15 Fresh jQuery Menu Plugins and Tutorials かなりクールなjQueryのメニュープラグインやチュートリアル集 メニューというと便利なものが多かったりしますがデザイン性も秀逸なものといえば、その中から限られたものになります。 「むむぅ、これは」というデザインのものが多数紹介されていましたのでご紹介です。 １からリデザインしなくても少しの手間で実用的なものが実装できそうです これはつかえますね 関連エントリ WindowsのメニューバーっぽいUIを実現できるjQueryプラグイン「Win Menu」 Googleスタイルのシンプルなドロップダウンメニュー実装jQueryプラグイン 画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」 カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flowe

Free Floral Photoshop Brushes | Professional photo gallery | Create and buy flash xml photo gallery 女性向けサイト等に使えそうなイラスト風の花・植物のPhotoshopブラシ集が色々まとまったエントリのご紹介です。 サイトに使うことでサイトがオシャレになったりしそうです。 これは絶対に使えそうですね。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」 動物に関するPhotoshopブラシ色々 クリエイティブでカッコいいPhotoshopブラシセット５０

PHP上で高速なJavaScriptプログラミングが可能になるV8利用PHP拡張がpeclにて公開されていましたので使ってみました。 その拡張名はV8js。spidermonkeyのjavascriptエンジンを使うものはありましたが、node.jsでも使われているv8エンジンを利用するものということで注目。 尚、利用にはPHP5.3.3以降が必要ですのでご注意。 V8のインストール V8のインストールには、Subversion1.4、Python2.4以降、更にビルドツールとして SCons 1.0.0以降を使いますのでyum等パッケージツールでインストールして下さい。 Subversionでチェックアウトします $ svn checkout http://v8.googlecode.com/svn/trunk/ v8 SConsでビルドします $ scons library=share

PHPのGraphicsMagickで画像を様々に加工するサンプルコード集がdevzone.zone.comで公開されています。 画像加工の基本〜フィルタをあてる等、完成後のイメージ付きでコードが公開されていてかなり便利。 そもそも、GraphicsMagickを使えば簡単なコードで高度な加工が可能ですが、サンプルコードもあれば高度な処理を素早く実施できますね。 画像の情報を得る 画像の伸縮 フレーム内に画像をまるめる 水平・垂直反転 画像に枠を付ける ぼかしフィルタ 渦巻きフィルタ 画像をイラスト調にする その他サンプルと、具体サンプルコードは以下のエントリを参照してください。 Manipulating Images with PHP and GraphicsMagick

PHP: similar_text - Manual PHPで文字間の距離を測る関数「similar_text」が便利。 私はずっとこの関数の存在を知らなかったのですが、similar_textという関数がPHP4から標準で存在するようでした。 使い方は簡単で、similar_text( 文字列1 , 文字列２, 類似度 ); のように実行すると、マッチした文字の数が返るみたいです。 例えば、サンプルコードを見てみましょう $words = array( 'psp', 'javascript', 'php', 'spot', 'twitter' ); $matches = array(); foreach ($words as $word) { $c = similar_text('phpspot', $word, $percent); echo 'phpspot と '.$word.'

Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」 2009年04月20日- Firediff - In Case of Stairs Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」。 これは欲しかった！という機能がついにリリースされました。 インストールにはFirebug1.4が必要で、Firebug1.4a17以降が推奨されています。 Firebug1.4のダウンロードはこちらから可能です。 まず、インストールすると、次のように、FirebugにChangesタブが表示されます。 で、実際どうやって使えるか？見てみましょう。 (1) DOMインスペクタをいじった結果をDIFF たとえば、DOMインスペクタの中で、要素を編集してみます。 2009年4月16日を2009年にしてみました。 す

FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作

woork: Using CSS and Mootools to simulate Flash horizontal navigation effect カーソル位置によって自動スクロールする小窓実装ライブラリ。 枠の右端に移動すると、右にズイズイとスクロール、左に移動すると左へスクロールするような小窓を実装するためのライブラリが公開されています。 クリックでデモを表示 次のように、見えている部分と、隠している部分をCSSによって出し分けています。 JavaScriptによってスクロール処理を実装。 横スクロールしていくようなＵＩの実装に使えそうです。 また、サンプルのような大きいブロックではなく、小さい領域で、いくつかの情報を格納するのにも便利そうですね。 mootools+CSSで実装されているようです。

phpied.com Blog Archive Simultaneuos HTTP requests in PHP with cURL The basic idea of a Web 2.0-style "mashup" is that you consume data from several services, often from different providers and combine them in interesting ways. マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル。 通常、PHPでAPIにアクセスする場合、例えば、Yahoo!検索APIとはてなブックマークのRSSを取得してマッシュアップする場合は次の図のようになります。 ただ、この方式だと、Yahoo!検索APIにリクエストし、その結果を待ちます。 そして、そこからはてなブック

PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 2008年02月21日- Icebeat | class.image PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 class.image.php を使えば、分かりやすいコードで、簡単に画像のリサイズ、切抜きが可能です。 例えば、3行で、画像のサムネイルが作れてしまいます。 まずは、画像を幅200pxでリサイズ＆保存のコード $thumb = new Image('image.jpg'); $thumb->width(200); $thumb->save(); そして、画像を50%のサイズにリサイズのコード $thumb = new Image('image.jpg'); $thumb->resize(50); $thumb->save(); そして、左0px、上30pxの位置

Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。 次のように、CSSで画像を固定サイズにトリミング表示できます。 更にマウスオーバーで画像を元サイズに。 実装について見ていきましょう マークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のＣＳＳを適用。 p.thumb{ float:left; margin:.5