あなたの空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」 2010年03月04日- Ajax Availability Calendar - an Availability Calendar to show your day-to-day availability 空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」がオープンソースで公開されています。 カレンダースクリプトというと沢山ありそうですが、空き状況をとてもわかりやすく設定したり表示したりするスクリプトはあまり見たことがない気がします。 例えば、簡易オンライン予約システムみたいなものを作る場合も、これを使うことで簡単に構築できてしまいます。 次のように、赤やオレンジ、などでステータスを表示することが出来ます。 各状態

Flashのように美しいフェードで画像を次々に表示するスライドショーのスクリプトをlab111から紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="myBlackcubeSlideShow"> <li><img src="photo1.jpg" alt="Foto 1" /></li> <li><img src="photo2.jpg" alt="Foto 2" /></li> <li><img src="photo3.jpg" alt="Foto 3" /></li> </ul> </textarea>

最後に入力した文字がわかるより優れたiPhone風パスワードフィールド実装ライブラリ「PassShark」 2010年01月15日- QUERIDODESIGN - Blog 最後に入力した文字がわかるより優れたiPhone風パスワードフィールド実装ライブラリ「PassShark」 通常のパスワードボックスは入力した時点で●とか*に置き換えられてしまい、入力時点で間違っていても気づくことができません。 そこでiPhoneでは最後に入力中の文字はそのまま表示するというUIになっているわけですが、次のようにPCでも同じような入力フィールドを簡単に実装できます。 Mootoolベースのライブラリです。 過去にも同様のものを紹介しましたね。 関連エントリ 最後の文字だけ読めるiPhoneのパスワードフィールドそっくりな入力フィールド作成用jQueryプラグイン 何を入力したかが分かるiPhoneス

クールなアニメーションで画像を切り替えるスライドショー実装ＪＳ「Floom」。 綺麗なアニメーションで画像が切り替わるのと、表示時間の残りが分かるインジケーター付きなのがクール。 デモページはこちら Mootools ベースで構築されています。 ダウンロードは以下のエントリを参照してください。 Floom - Oskar Krawczyk ? blog.olicio.us

二枚の画像を少しずつフェードでブレンドして切り替える画像ギャラリーのスクリプトをblog.olicio.usから紹介します。 Floom demo デモはまるでフラッシュのように、進捗のバーが表示され、画像を切り替えると共にテキストも変更し、次々と画像を表示します。 オプションでは、アニメーションのスピード、ブレンドの方向、キャプションの有無などが変更できます。 FloomはMooToolsのプラグインのため、実装にはmootoolsが必要です。

net tuts+で、Mootoolsでレトロなパタパタ時計を作るチュートリアルが紹介されています。 1秒ごとに、パタッパタッとめくれる時計ですね。 上の部分と下の部分でHTMLを分けていて、CSSでスタイリング、Mootoolsで動きをつけているようです。時計もjavascriptでこういう動きが表現できるんですね。 デモは以下から。 Demo ソースもダウンロードできるので、一度見てみてください。 Learn how to Create a Retro Animated Flip-Down Clock 今日はいろいろあった。新しい感情が芽生えた。力強く生きていかないとな。

LINE25で、Mootoolsを使ったlightboxスクリプトTOP10がまとまっています。 ざっといくつかご紹介。 » Smoothbox 画像、インナーHTML、Ajax、iframeをサポート » Multibox 画像、インナーHTML、Ajax、iframe、Flash、動画をサポート » RoeBox 画像をサポート » Litebox 画像をサポート » Milkbox 画像、Flashをサポート これはかなりすごいですね。。flvやmov、wmv、mp3をさっと埋め込めたりするのでいい感じです。ライセンスもMITのものがあるのでがんがん使えそうですね。 その他のリストは以下からどうぞ。 » Rounding Up the Top 10 Mootools Lightbox Scripts 今日はちょっとしたイベントへ。あといろいろ進めるぞ。

フォームの入力フィールドにアイコンを表示するなど、9種類のスタイルのデザインを簡単に適用できるスクリプトをCoders.meから紹介します。

Custom outerClick event / Portfolio / Christoph Pojer 指定の要素”以外”をクリックした時のイベントouterClickの実装法が紹介されています。 通常、指定の要素をクリックした際のイベントには、click を用いますが、それの逆のイベントを作成する方法です。 MooToolsベースですが、特定のエレメントのクリックに失敗したとき用にこういうイベントを用意しておくと便利ですね。 範囲外をクリックして alert した図 関連エントリ 実例で学ぶjQueryでのJavaScriptマウスイベントの扱い

Bumpbox - lightbox alternative - support for flv,swf,images, html and pdf PDFやFLV・SWF・画像にも対応したLightBoxクローン「Bumpbox」。 様々なファイルフォーマットに対応したLightBoxは色々とありますが、Bumpboxもその多彩なフォーマット対応をしたLightBoxのようです。 ＰＤＦを開いた例 FLVビデオを再生している例 表示する時のアニメーションもいい感じです。 関連エントリ クールにデザインされた多機能LightBox「ColorBox」 JavaScriptなしに動作するLightbox「Futurebox」 学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラム

画像をはじめ、swf, flv. pdf. htmlなどを拡大表示するLightbox風のスクリプト「Bumpbox」をart Viperから紹介します。 Bumpbox - lightbox alternative demo デモでは、それぞれのテキストリンクをクリックするとコンテンツが勢いよく拡大表示します。 BumpboxはMootoolsのプラグインのため、実装にはmootools12.jsが必要です。 またflvの再生には、 flowplayerを使用します。

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

MooToolsは中級から上級のJavaScript開発者のために設計された軽量で、モジュール化された、オブジェクト志向のJavaScriptフレームワークです。これを使えば、エレガントで、きちんとした裏付けのある、一貫したAPIにより、パワフルに、柔軟に、そしてクロス・ブラウザなコードを書くことができます。 MooToolsのコードは標準準拠しており、どんな警告も出しません。拡張性のあるコーディングと、わかりやすい変数名：ブラウズしやすく、わかりやすい。 オープンソース・ライセンス MooToolsはオープンソースMITライセンスの元にリリースされています。つまり、あなたはどんな状況でもこれを使用し、修正することができるのです。

Smashing Magazineで、デザインをよりよくするためのレイアウトソリューションが紹介されています。 ざっとご紹介しますね。 1. スライダー&Carousel 2. タブナビゲーション 3. モーダルウィンドウ 4. ロールオーバーエレメント 5. 新しさを感じさせるレイアウト 6. グリッド 7. アコーディオン 8. 大きいドロップダウンメニュー 1 のスライダー&Carouselだと、例として ナビゲーションエリアにサムネイルとアイコンがあるタイプ（Codaなど） プロダクトの画像がナビゲーションになっているタイプ 大きく垂直方向に存在する「clickbar」 が紹介されていて、スクリプトも以下のように載っています。 » Slick Accessible Slideshow using jQuery » Coda-Slider 1.1.1 » jquery.scrolla

BySlideMenu パネルが水平方向に伸び縮みする通常のタイプから、トリガーをマウスオーバーからクリックに変更したものや、伸び縮みのアニメーションのエフェクト変更など多彩なカスタマイズが可能です。 デモでは水平タイプのほかに、垂直タイプやテキストタイプなど12種類あります。

by Fabio Zendhi Nagao (http://zend.lojcomm.com.br) iCarousel is an open source (free) javascript tool for creating carousel like widgets. Also available in Belorussian provided by Patricia Also available in Russian provided by Nikolay Pershikov index: Index Abstract Examples Browser compatibility Features Usage License Download Version history Comments abstract: One of the most common problems a w

devSnippetsで、WordPressをこじゃれたものにするためのテクニックが紹介されています。 ざっといくつかご紹介。 » Implement a Nice & Clean jQuery Sliding Panel in WordPress 2.7+ ログインパネルをスライディングパネルにして短いWelcomメッセージを表示 » jBreadCrumb パンくず要素が長すぎる場合にスマートに折り畳んでくれる » Sliding Boxes and Captions with jQuery マウスオーバーするとスライドして画像が切り替わるインターフェース » Fantastic News Ticker Newsvine-like using Mootools mootoolsを使って縦にスクロールするニュースティッカー » J Post Slider 画像をローテーションしたりして記