１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」 2010年05月26日- jQuery Doubleselect Plugin １個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」。 次のように、１個目のSelectボックスの内容によって２個目のselectボックスの内容が容易に切り替えるようなUIが簡単に実現できてしまうプラグインです。 １個目が野菜(Vegetables)の場合は、tomato, potato, asparagus が表示されます。 １個目をフルーツ(Fruits)にすると、apple, orange, kiwi, melon になります。 いざ実装しようとすると面度臭そうなのですが、jQueryプラグインによって、比較的簡単に実装できま

本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ javascriptやphpを使わずに CSSだけで文字列を省略して「・・・」を付けて表示 させるテクニックを発見 前からできる感じだったが、つい最近知りました。 FirefoxとSafariのCSS対応--ボックスに収まらないコンテンツの表示方法 どうやるかというと text-overflow: ellipsis; を使う。 ellipsis は、はみ出した部分の最後に「・・・」を付け足す。 ちなみに clip は、何もつけません。 text-overflow: ellipsis;　だけだと上手くいかないので やり方としては、 横幅(width)、w

（フリーで使える日本語フォント） 好きな文章を入れて日本語フォントを試せる「fonthack.jp」 本日紹介するのはこのサービス....ではなく、このサイトで使用されている日本語フォントをまとめてみました。 詳しくは以下から、 Y.OzFonｔシリーズ F910ゴシックW3-IPA（無料） F910明朝W3-IPA（無料） KesaranPasaranKT qoocRomanKT SampomichiHR Tokage-no-ShippoHR TowerGothicKT 出島明朝フォント みかちゃん ホリデイＭＤＪＰ えるまー M+ と IPAフォントの合成フォント M+ IPAフォント 梅フォント さわらびフォント さざなみフォント 戸越フォント VLフォント GLアンチック GL築地5号 白舟教育漢字 怨霊 ルイカ あられ アニト キャパニト セプテンバー ゆたぽん（コーディング）

女の子が書いたような字が書けるフォントの紹介です。 まずは、あんずもじです。 ■あんずもじ サイト：http://www8.plala.or.jp/p_dolce/font2.html ダウンロード：http://www8.plala.or.jp/p_dolce/font2.html サンプル： 丸みのある字が書けます＾＾；絵文字もあります。 以下に、その他8つの手書きフォントを紹介します。 ■みかちゃん サイト：http://www001.upp.so-net.ne.jp/mikachan/ ダウンロード：http://mikachan.sourceforge.jp/dl.html サンプル： ■あずきフォント サイト：http://key.milkcafe.to/azuki/ ダウンロード：http://key.milkcafe.to/azuki/font/index.html サンプ

jBreadCrumb demo パンくずはリスト要素で実装されており、既存のパンくずに適用することも簡単です。 「jquery.jBreadCrumb.js」の最後に記述してあるオプションでは、オープンするルール、オープンしておくレベル、アニメーションのスピード、クローズ時のサイズなどを変更できます。 オープンするルールの最大文字数と最小文字数を100に、エレメント数を1に、オープンしておくレベルを終わりから2に、クローズ時のサイズを20に変更。 jBreadCrumbはjQueryのプラグインのため、動作にはjquery.jsが必要です。

Keita です。 僕は、フォト蔵チームではないので、フォト蔵の画像処理については見ていませんが、個人的に画像処理に興味があるためPHPにおいての画像処理を簡単に調べたことがあります。 その時の結果をお話させていただきたいとおもいます。 この他に、もし、こういう選択肢があるよというのがあれば、教えていただけると大変うれしいです。 主要なライブラリの一覧 GDで処理 LibGDを操作するPHP標準のライブラリです。 ほぼ、レンタルサーバなどで利用できる反面、対応形式が、JPEG,GIF,PNG,WBMP,GD{,2}にしか対応していないなどのいくつか機能的に制限があります。 （WBMPは、Wireless Bitmapという、WindowsBitmapとは別の形式です） imagick ImageMagick/GraphicsMagickという画像編集ソフトのPECLの拡張で

概要 MJL (MITSUE-LINKS JavaScript Library)は、ミツエーリンクスで標準利用されるJavaScriptライブラリです。 MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。 MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。 MJLはコピーレフトライセンスであるGNU GPLに基づく自由ソフトウェア（フリーソフトウェア）です。弊社は GNU GPLに則り、本ページにてMJLの全ソースコードを公開します。 ライセンス MJLはGNU GPL Version 3（参考邦訳）のもとに提供されます。 詳細はMJL本体ファイル内のライセンス告知をご覧ください。 ダウンロード MJL本体（圧縮版） mjl.js

mashupaward.jp

Build An AJAX Powered Shopping Cart - NETTUTS Ajaxベースのクールなショッピングカート作成 カートに追加を押すとLightbox風にショッピングカートが現れて買い物が出来るプログラム作成のチュートリアル バックエンドはPHPで書かれてるみたいです。 ちょっとシャレたショッピングカートの作成に役立ちますね。 関連エントリ 超クールなログインフォームを作成するチュートリアル 画面遷移なしのクールなフォーム作成サンプル

仕様 mixi OpenID は mixi 内のユーザー情報を外部サイトでの認証に使用するためのサービスです。この文章では mixi OpenID の仕様について説明します。 FAQ mixi OpenID について、よくある質問とその答えをまとめました。 mixi Platform用素材利用ガイドライン ユーザーに簡単にわかりやすくログインできるようにするために、専用ログインボタンを配布しています。また、利用ガイドラインに沿ったボタンの利用をお願いしています。 ガイドライン mixi OpenIDを導入いただくにあたってのガイドラインとなります。本記載内容に沿った対応サイトを作成いただくことで、ユーザーにメリットのあるコミュニケーションがもたらされることを望んでいます。

アプリケーション並みのコンテンツが実装できる「Ext.js」のバージョンアップ版2.2が2008年8月4日にリリースしました。 Ext 2.2 Released 今回のバージョンは、多くの重要なバグフィックスに加え、パフォーマンスの改善、Fx3への完全対応がされ、多くのコンポーネントも追加されています。 下記に、追加されたコンポーネントを紹介します。

9月7日にプレビュー版をリリースしたJavaScriptのライブラリ「Ext.js 2.0」のアルファ版がリリースされました。 Ext 2.0 Alpha Release Ext.js 2.0 サンプルページ Ext.js 2.0は、PrototypeやJQueryと同様にJavaScriptのライブラリで、さまざまなスクリプトのアクションやエフェクトを実装することができます。 新しく追加されたサンプルは、下記の4つです。 Scrolling Tabs GridView3 Grouping Anchor Layout with Forms Customizing TreePanel Ext.js 2.0 Alphaの主なページ Ext 2.0 - API Documentation Ext 2.0 Samples Ext 2.0 Windows

mooVRotatingMenu menu tournant sur lui-me gre ・mootools et au whisky クールに回転するJavaScriptメニュー「mooVRotatingMenu.js」 マウスカーソルを合わせるとクルクル回転するメニューが作れます。 HTML的には下記のようになるみたい。 <div id="HorizMenu"> <a href="#" class="mooRotate rotateHome rotateSound"><span>Home</span></a> <a href="#" class="mooRotate rotateMoo rotateSound"><span>Mootools</span></a> <a href="#" class="mooRotate rotateWork rotateSound"><span>Wo