4096 Color Wheel Version 2.1
4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel Hover over the wheel to view colors. Click to choose a web-smart color. Reload to clear. about | en français | links
よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳
» Introducing Tablecloth テーブルクロスを導入する。 この記事がWEB関連のなかで話題になっていました。 はて・・テーブルクロス・・・。 何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。 あなたのhtmlに2行のコードを加えたら・・・ By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love あなたのhtmlにたった2行のコードを加えるだけで、あなたのサイトのテーブルは、あなたのサイトの訪問者に愛される。 なんとも素敵な響きだなと思った人はデモを見てみましょう。 » デモはこちら テーブルによって大量のデータを出力するときには便利な機能ですね。
Realtime validation using Ajax
Posted by masuidrive Wed, 04 Jan 2006 21:45:00 GMT Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 これで、あなたのサイトも一気にWeb2.0！ なのに使い方は超簡単。 prototype.js とvalidate.js を自分のHTMLに読み込んで、下記の様に正規表現で表示するメッセージを指定するだけ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:
MOONGIFT: » 圧巻！AJAX DHTMLのグラフライブラリ「Timeplot」:オープンソースを毎日紹介
グラフを作るニーズは多い。また、そのためのライブラリも多種多様に存在している。PHPやJavaなどのプログラム言語によるもの、JavaScriptで作るもの、Flashで作るものといった具合だ。 その中にあって、これの完成度は非常に高い。まさに圧倒されてしまう綺麗さだ。 今回紹介するオープンソース・ソフトウェアはTimeplot、AJAX+DHTMLで作られたグラフ作成ライブラリだ。 Timeplotは単純な二次元の折れ線グラフ用のライブラリで、非常に細かく描画が行われる。特にグラフの上をマウスでなぞった時に各数値が表示されるのが素晴らしい。 同じプロジェクトの年表を作り出すTimeline形式をサポートしている。場合によって使い分けたり、見せ方を変えたりと便利に使えそうだ。グラフに備考をつけることもでき、特定の場所をクリックすると説明文が表示される。 サンプルは数多く登録されているので、
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」:phpspot開発日誌
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 2007年05月14日- Control.TextArea : Cross Browser TextArea Manipulation Decent, flexible WYSIWYG editing in the browser is still an inconsistent affair at best in terms of user experience, integration effort, and generated markup. prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 利用にあたってのサンプルコードは次です。 textarea = new Control.TextArea('textarea_id');
【レビュー】これは凄い! Ajax最強のデバッグツール"FireBug 1.0"リリース (1) デベロッパのアツい視線を受ける実力派エクステンション (MYCOMジャーナル)
デベロッパがFirefoxを使う理由はエクステンション! Ajax Webアプリケーションの開発者には、WebブラウザとしてFirefoxを愛用しているユーザが多い。その理由のひとつに豊富なエクステンション機能が挙げられる。Firefoxを使っているからエクステンションを使っているというよりも、エクステンションを使いたいからFirefoxを使っているという感じだ。 デベロッパに人気のあるエクステンションはいくつもあるが、代表的なところではAll-in-One GesturesやDictionarySearch、Greasemonkey、User Agent Switcher、ScrapBookなどを挙げることができる。そしてAjax Webアプリケーションの開発において必須ともいえるエクステンションに、Firebugがある。 Firebugに対する称賛の声は枚挙にいとまがない。「Fireb
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリの全体像を把握しよう Ajaxライブラリ（*注1）はすでに数多くのものが出回っていますが、多過ぎて全体像がつかめていないのではないでしょうか。今回は代表的なAjaxライブラリの一部を挙げ、それぞれを比較しながらAjaxライブラリの全体像を把握していきたいと思います。 どうして、Webアプリ開発にAjaxライブラリが必要なのか どのようなプログラミング言語でもライブラリが存在するように、Ajaxにおいてもライブラリが存在します。 初めにAjaxライブラリの必要性について見ていきたいと思いますが、ここではAjax開発ならではのライブラリの必要性を2点取り上げます（ほかの言語のライブラリと共通する必要性はあらためて取り上げません）。 クロスブラウザ対応 Ajaxの利点として、さまざまな環境における一般的なWebブラウザ上で実行できることが挙げられます。しかしWebブラウザの実装
Javascriptフレームワーク比較チャート:phpspot開発日誌
Javascript Toolkit Comparison - uPortal 3 - JA-SIG Wiki Javascriptフレームワーク比較チャート。 Prototype、Dojo、Mochikit、Yahoo UI Library、Google Web Toolkit 、jQueryというメジャーなフレームワークの比較図です。 Ajax、Drag&Drop、ビジュアルエフェクト、イベントハンドリング、Ajaxの戻るボタン対応など、機能が一発で比較できます。 →続きを見る 他にも、ドキュメントの豊富さや、開発コミュニティの充実度、ライセンスについても掲載されていて比較に便利。 自分の知らないフレームワークの特徴も大まかに分かるので参考にさせてもらいましょう。 関連エントリ 10個のPHPフレームワーク比較記事 Prototype.jsとjQueryのベンチマーク速度比較
【レポート】あのmoo.fxがバージョン2に - 滑らかで超軽量のエフェクトはこれ! (1) moo.fx2-mootoolsとは (MYCOMジャーナル)
The Mad4Milk teamは3日(米国時間)、moo.fxの最新版となるmoo.fx version 2.0(以降、moo.fx2)を公開した。moo.fx2は超軽量のJavaScriptエフェクトライブラリ。mootoolsの一環として開発されているが、prototypeとともに動作するようにも作成されている。prototypeは"Ajaxian.com 2006 Survey Results"調査結果において43%の支持を得ている1番人気のAjaxフレームワーク。moo.fxは11%の支持を得て5位にランクインしている同じく人気のあるJavaScriptエフェクトライブラリ。 同チームは9月11日(米国時間)、JavaScriptライブラリ集であるmootoolsを公開。moo.fxとmootoolsはときに同じ意味として使われるが、moo.fxはより細かい成果物の名称として、
PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」:phpspot開発日誌
PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」 2006年11月01日- Projax Demo PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」。 JavaScriptコードを一切書くことなく、prototype.jsが使えるようヘルパー関数を提供してくれます。 次のように使います。 $projax = new Projax(); Please enter your year of birth : <?=$projax->text_field_with_auto_complete('dob',null,array('url'=>'index.php?task=ajax'));?> 個人的にはそのままJavaScriptコードを書いたほうがややこしくないと思うのですが、 Jav
ALPSLAB route
ALPSLAB routeはルート共有サイトです。ドライブルートやジョギングコースなどのルートを作成して公開できますALPSLAB routeはルート共有サイトです。ドライブルートやジョギングコースなどのルートを作成して公開できます。 What's new ALPSLAB routeと連携もできるバーチャルレースサービス「猛レース」を「LatLongLab」で公開しました （2008年8月28日） バイシクルクラブとのコラボ企画、「休日の3時間コース」募集が開始されまし た （2008年3月19日） ALPSLAB 虫眼鏡でルートを見る機能が追加されました （2008年2月14日） ALPSLAB videoと読売新聞社様のコラボで、箱根駅伝のコースマップが公開されました （2007年12月13日） 携帯電話対応、レイアウト変更などALPSLAB routeをリニューアルしました（2007
知られざるJavaScriptの世界：ITpro
最近，Webプログラミングの世界で静かなブームになっている言語があります。何を隠そうJavaScriptです。JavaScriptはご存知のとおり，クライアントサイドすなわちWebブラウザ上で動作するタイプのプログラミング言語です。最初にJavaScriptが実装されたのは，今から10年以上前の1995年，Netscape Navigator2.0でのことです（登場当時はLiveScriptと呼ばれていました）。決して新しい言語ではありません。それが，どうして再び注目されることになったのでしょう。その理由は，Webインタフェースのプログラミングで，JavaScriptの有効性や利便性が再発見され，言語そのものが持つユニークさや機能が技術者の関心を集めているからです（図1）。 JavaScriptを使うのはダサかった？ Webインタフェースの技術といってもHTMLしかなかったころ，様々なプロ
Ajax，Flash，Java---オープンソースで実現するリッチクライアント 第3回
リスト1●hello.lzx（<a href="./hello.zip" target="_blank">圧縮ファイル・ダウンロード</a>） この連載記事の目次へ 今回はオープンソースで実現するリッチクライアントの第2弾として，Flashベースのリッチクライアント技術である「OpenLaszlo」を紹介する。日本でもコミュニティ「Laszlo Japan」が発足するなど，急速に注目を集めている。 OpenLaszloとは OpenLaszloは米Laszlo Systemsが開発した，Flashでリッチクライアントを開発するためのプラットフォームである。 FlashベースというとMacromedia Flex（以下，Flex）を思い浮かべる読者も多いと思う。ユーザー・インタフェースをXMLで定義する点や，サーバーのアーキテクチャなど類似している点は多い。現時点では開発環境などFlexがリ
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
第1回 WebサービスAPI＋マッシュアップことはじめ
Web 2.0の要素として，「マッシュアップ（mash up）」という言葉がよく聞かれるようになりました。マッシュアップとは，複数のWebサービスを融合して，新しいサービスとして提供する形態を指します。コンテンツ・ホルダーがWebサービスとして自社データの提供を拡大してくる中で，マッシュアップによって新たな価値を生み出す場が広がってきました。 この「マッシュアップ・ラボ」では，WebサービスAPIやマッシュアップ技術の最新動向と，マッシュアップ・サイト構築の要素となる各社のAPIの具体的な使い方についてサンプル・コードを交えて紹介していきます。 1回目となる今回は，まずWebサービスAPIとマッシュアップについて簡単におさらいすることにします。 1000以上のマッシュアップ・サイトが登場 この1年で，スクロール地図を利用したサイトがとても増えてきました。不動産業者の物件地図，飲食店の情報マ
.htaccess ファイルを簡単作成「.htaccess Editor」
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
prototype.js リファレンス