MooTabsは、タブの切り替わる時のモーションが、気持ちよくストンッと動作するmootools.jsのプラグインです。 MooTabs 切り替えられるのは、通常のパネル状のものから、スクロールバーがついたパネルもストンッと切り替えることができます。 表示データは、AJAXで外部ファイルを読み込むことも可能です。 AJAX デモ スクロールバー付き デモ
[JS]ストンッと切り替わるタブメニューのスクリプト -MooTabs | コリス
MooTabsは、タブの切り替わる時のモーションが、気持ちよくストンッと動作するmootools.jsのプラグインです。 MooTabs 切り替えられるのは、通常のパネル状のものから、スクロールバーがついたパネルもストンッと切り替えることができます。 表示データは、AJAXで外部ファイルを読み込むことも可能です。 AJAX デモ スクロールバー付き デモ
iPhone向けWebアプリ開発のガイドラインが公開：Ajax on iPhone推進
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます アップルジャパンは9月26日、「iPhone向けWebアプリケーションとコンテンツの最適化」と題したドキュメントを公開した。Apple Developer Connection（ADC）内で公開されたドキュメントだが、未登録でも閲覧可能。 今回公開されたものは、下記の7章で構成されている。 ユーザとiPhoneの対話を理解する Web標準および実装済みのデザインプラクティスを使用する 電話、電子メール、およびマップを統合する ページを読みやすくするために最適化する 豊かなオーディオ体験とビデオ体験を実現する iPhoneでSafariが何をサポートするか知る Webデベロッパと知り合いになる ドキュメントでは、iPhone向けWebペー
Adobe Photoshop CS2自動化作戦
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CS2をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。 Photoshop CS2はJavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS/CS2、AfterEffects 6.5/7.0、Illustrator CS/CS2、Bridgeで作成された一部のコードは、そのまま動かす事ができます。Photoshop CS2独自部分の機能だけを習得すれば良いと言うメリットもあります。ただし、スクリプト内に日本語を含む場合にはUTF-8 (Unicode)の文字コード (できればBOM (Byte Order Mark)付き)にする必要があります。 このページに掲載されているスクリプトはMac
prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」:phpspot開発日誌
JSValidate prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」。 prototype.js と script.aculo.usベースになっています。 submitボタン押下時に、値が正しくないと、インプットの右側に赤文字でエラーメッセージがフェードインします。 JSValidateを使った実際のデモページはこちら 関連エントリ PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」 JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ
Sjaxを使わないJavaScript Loader - ヒルズで働く@robarioの技ログ と JavaScriptから外部JavaScriptを読み込む方法 - ヒルズで働く@robarioの技ログ の改良版です。この二つの記事は忘れてもらって結構です。 前振りとか ライブラリを読み込みたい（＞＜） 「script要素をappendChildする」でやると読み込み完了を待ってくれないので「setTimeoutで3000ms後に本処理」とか、嫌だ。 そこで「指定したプロパティが存在するか」を監視するスクリプトloader.js.incを書きました。http://coderepos.org/share/に置いてあります。 http://coderepos.org/share/browser/lang/javascript/misc/loader.js.inc http://coderep
AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」 - GIGAZINE
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
Three.js でトゥーンレンダリング | Cubix
DocManagerは複数のリソースの情報を一括で編集出来るモジュールです。パッケージに同梱されているので初期インストール時にチェックを外していなければ最初から使用可能です。入力内容の統一、メニューの並び替えなどが簡単に出来ます。 対象になるリソース番号の指定方法 使用テンプレートの変更 テンプレート変数の内容を変更 アクセス許可の変更 メニューインデックスの変更 その他リソース情報の設定 リソースの各種日時設定 リソースの各種設定（公開or非公開、メニューに表示or非表示など） 作成者と編集者の変更 対象になるリソース番号の指定方法 画面下にある「操作対象(操作元)のリソースIDを指定」というフィールドに対象になるリソースのIDを入力します。IDは半角数字で入力、半角のカンマ,で区切って複数の条件を指定できます。以下n、m はリソースIDを示す数字です。 複数のリソースを個別に指定 n
正規表現の確認ができるエディタを作ってみた。 - 考え得る最高を常に行う
正規表現の練習くらいにしか役に立たないですが作ってみました。 特徴 リアルタイムで確認ができる。 XHTMLとJavascriptで作ったので保存すればローカルで使える。 JavaScriptで実装してるので一部使えない表現有り。 正規表現エディタ あとがき 最近ブログを更新してないので数ヶ月前に作ったやつを手直したものです。Firefox2(MAC)とIE7では動くの確認しました。あまり詳しくないんですが各ブラウザに多少、正規表現の実装が違う気がします。 patternを空にすると選択範囲がおかしくなるのを修正。
将来のＰＣ業界パワーバランス - CNET Japan
新着コメント iPhoneを他の「携帯」と同じものと考えます。 一般的にユーザーは下の要素で...... ケータイユーザのニーズとiPhoneの失敗 投稿者：gg どれほど世界標準とズレていようとユーザにはまったく関係の無い事で、それを...... ケータイユーザのニーズとiPhoneの失敗 投稿者：icc01814 おっしゃられる事はよくわかるのですが、 ＞『iPhone』と『従来までの日本の...... ケータイユーザのニーズとiPhoneの失敗 投稿者：korly みなさま、コメントありがとうございます。 >・アフィリエイト・DDoS・ブラ...... ところでクリックジャッキングって一体なに？ 投稿者：新倉 茂彦 受信したFAXが tiff の添付ファイルになって届きます。 古いノートがあれば...... 「受信したFAXをメール転送」する 投稿者：
Firefox、onoverflow/onunderflow、文字の溢れを検出するイベント - FAX
Firefox、onoverflow/onunderflow、文字の溢れを検出するイベント JavaScript Event Handlers ボックス要素などで、文字の溢れが発生した時にoverflowイベントが起きる。 以下を開き、ウィンドウを小さくし文字を画面外に出すとoverflowが発生する。 逆に、拡げて文字を全て表示するとunderflowが起きる。 <html> <body> <div id="main" style="overflow:auto" >-------------------------------</div> </body> <script> var main = document.getElementById('main'); main.addEventListener('overflow', function(e){ console.log(e); },
【連載】すぐに役立つWeb絶品テクニック (2) サンプル付き - Wiiリモコンで操作するFlashゲームを作る | クリエイティブ | マイコミジャーナル
はじめに 今回は、任天堂の人気ゲーム機「Wii」で動作するFlashについての講座だ。Wii版Flashの特徴、開発、その応用について順を追って説明しよう。 現在Wiiの「インターネットチャンネル」で動作するAdobe Flash Playerは、パソコン用Flash Player 7相当の性能となっている。そういった環境を踏まえ、既存のPC用コンテンツをWii用に移植したいと考える方が多いのも事実である。しかし、移行の際にWiiのブラウザ制限を受ける事も多々あり、注意が必要だ。 そこで、講座を開始する前に、開発の際に注意すべき点を簡単に挙げておこう。 注意点 多くの画像を読み込む処理はメモリへの負担となるため避ける。 ポイントの多いシェイプは動作負荷となるため多用しない (可能な場合、最適化したビットマップ画像に変換)。 ステージサイズは横800ピクセル、縦600ピクセルとするとWiiの
JavaScript のチートシートいろいろ:phpspot開発日誌
JavaScript のチートシートいろいろ。 JavaScript Cheat Sheet Addison-Wesley's JavaScript Reference Card JavaScript Quick Reference JavaScript and Browser Objects Quick Reference JavaScript in 10 Minutes 以前に紹介したものもふくまれていますが、他にもいろいろあるようです。 印刷しておくと便利そうですね。
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」 2007年08月07日- Scrollovers - A New Way of Linking Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren't expectin g. リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」。 例えば、次のアンカーにカーソルを合わせて みてください。 [YOUR TEXT HERE] Scrollovers を使えば、こんなリンクの貼り方が出来ます。 普通のリンクより 分かりやすいだけでなく、訪問者に驚きを与えることが出来ますね
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ:phpspot開発日誌
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して
入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ
メール送信フォームやらアンケートの回答フォームやら、とにかくネット上には様々なフォームが存在しています。入力する値が間違っていると「エラー」表示を出すタイプのモノが多いですが、出される側から見れば「そんな値を入力できるようにするなよ！」「8文字までしか受け付けないんだったら、最初から入力可能な文字数を8文字に制限しておけよ！」「エラーが出たらどこを再入力すればいいのかわかりやすく表示してくれ！」などと思うこともしばしば。 というわけで、この「yav」は入力エラーチェックだけでなく、最初から入力できる値を制限したり、数字であれば範囲指定したり、入力チェック後にフォームの色を変えてわかりやすくしてくれたり、とにかくいろいろ便利な入力チェック機能を簡単に組み込むことができるオープンソースで開発されているJavaScriptファイルです。入力チェック後のエラー表示もポップアップウインドウやページ内
レイヤーを使用したFull Flash
最近PopUpに変わって需要の出てきたレイヤー。写真を載せるのはよくありますが、そのFlash版を誰でも簡単に使用できるスクリプトを組んでみました。 最近写真をレイヤーで見せるのが流行ってますよね。（POPUPブロックの影響によるPOPUP代わりみたいなものでしょうが。） そういうものはJavaScriptが結構公開されているのですが、FLASHはないですよね。（使用したもの自体、見ることもまだあまりないですね。） そういうわけで組んでみました。 まずは下記URLをご覧ください。 http://www.muraken.biz/overlay/overlayflash.html（”ここをクリック"のところをクリックしてみると、実行されます。） 今回、これを簡単に作れるスクリプトを組みました。 JavaScriptに関しては文末にてソースを置いておきますが、説明するとかなり長くなるので割愛いた
Don McKenzie | Portfolio
Multi-disciplinary designer & innovator from Waterloo, Ontario. Currently leading product design at Deephaven, with a focus on streaming data experiences. Don is a seasoned innovator with 12 years of experience as a UX and interaction designer, and over 10 years of experience working as a graphic designer. He spent 8 years of his career at BlackBerry in a variety of roles including multimedia, ind
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]jQueryのプラグイン33+1選 -2007年9月 | コリス
Javascript Object Hierarchy