Create HTML Form in Seconds. Choose a color to start:

Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル＋画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え

IE 上で動くスクリプトは、通常は JavaScript となります。インターネット全体で言えば、ブラウザが IE であるとは限らず、OS ですら Microsoft Windows であるとは限りません。ですから、アプリケーションの「エンドユーザ」の環境を一般的に考えるのならば、JavaScript を使用するのが正しい設計と言えます。 しかし、アプリケーションはそもそもインターネット専用のものでは無く、「エンドユーザ」に対して提供するものですから、その環境が 「Windows の IE を使用します」という前提で成り立つ場合もあります。そのような場合は、VBScript を使用したほうが Microsoft の環境下の利点を大いに活用する事ができますし、細かなコントロールは、VBScript のほうが容易で優れている場合が多く、他のシステム ( VB, ASP WSH 等 ) の資産を

JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して

prototype.jsはAjaxライブラリの1つです。現在のバージョンは1.6.0です（2007/11/8）。prototype.jsについて、より詳細に知りたい方はprototype.jsの開発者メモを参照してください。また、英文ドキュメントであれば正式なリファレンスもprototype.jsのサイトで用意されています。 version 1.4.0 リファレンス version 1.5_rc0 リファレンス version 1.5_rc1 リファレンス version 1.5_rc2 リファレンス version 1.5.0 リファレンス version 1.5.1_rc1 リファレンス version 1.5.1_rc2 リファレンス version 1.5.1_rc3 リファレンス version 1.5.1 リファレンス version 1.5.1.1 リファレンス versio

twitter facebook hatena google pocket 印刷時にナビゲーションなどのいらない部分を省略したい時があります。 CSSを分けることで可能ですが、いちいち別のファイルを作成するのも面倒です。 jPrintAreaでは簡単に印刷範囲を指定することができます。 sponsors 使用方法 jPrintAreaからjquery.jPrintArea.jsをjQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.jPrintArea.js" type="text/javascript"></script> <script type="text/

02 | 2024/03 | 04 S M T W T F S - - - - - 1 23 4 5 6 7 8 910 11 12 13 14 15 1617 18 19 20 21 22 2324 25 26 27 28 29 3031 - - - - - -

リファレンス $() jQueryオブジェクトを作り出す関数です． $("CSS文字列") CSSで要素を指定し，マッチした要素を持つjQueryオブジェクトを返します． 詳しい指定方法は Selectors を参照してください． jquery 1.1 までは XPath による指定もできましたが，最新版では削除されています． XPath Compatibility Plugin を利用することで，1.2 でも XPath を利用可能です． var $toc_1 = $("#toc_1"); jquery_dump($toc_1); var $h1 = $("h1"); jquery_dump($h1); var $h1head = $("h1.head"); jquery_dump($h1head); var $ahref = $("a[@href^='http://jquery.com

Below are quite a few examples of how you can add a clueTip to your page, using a wide range of options. Keep in mind that there is nothing magical about the HTML markup. You can use any jQuery selector you want to attach your clueTips. For example, if you want to attach clueTips to all links with a class of "peanuts," you would simply write in your jQuery code: $('a.peanuts').cluetip();. Default

HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての＜p＞ノードの中身を”Hel

こんにちわ。山下です。 最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの？っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない 他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto

blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき

<body> <h1>jQuery リファレンス</h1>

DESIGNER & ENGINEER I'm Sofia Smith, a Canadian designer based in Victoria, BC. Currently accepting freelance work. Previously, I worked for a handful of technology startups while completing a Bachelor’s of Science with a combined major of computer science and mathematics at the University of Victoria. GET IN TOUCH DESIGNER & ENGINEER I'm Sofia Smith, a Canadian designer based in Victoria, BC. Cur

jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 前回のjQueryのプラグイン33+1選 -2007年9月と合わせて、参考ください。 lightbox for jQuery jQu

このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.1を基準としています。 Ajaxライブラリ (JavaScriptライブラリ) としてはPrototypeライブラリ (prototype.js) が有名です。Prototypeライブラリはプログラマに多く利用されており、JavaScriptの機能を拡張することで使いやすくなるように設計されています。jQueryはエレメントへのアクセスをスタイルシートと同じようにすることで非常に分かりやすくコンパクトな記述ができるようになっています。

Flashの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Flash Tutorials – Best of』。最高のFlashチュートリアル集だ。 以下にいくつかご紹介。 » Flash Tutorial Create Water Wave Effect Animation Using Masking Tween マスクを使って波を表現するアニメーション » Car Animation BMW3を使ってインパクトのあるアニメーションを作る方法 » Picture Animation ブラシツールとマスクを使ったテクニック » High-tech city animation 街から出る光を表現したアニメーション » Animate a Logo in Flash ロゴにシンプルなアニメーションをかける方法 flaファイルを配布してくれているサイトもあり、かなり使えるだろう。

Flashを使って制作していく過程を重視して手法を紹介します。ヒントが得られたら君のセンスとアイデアで作っていきましょう。

Adobe Animate®(旧 Flash)は、インタラクティブなWebサイトやリッチメディア広告、プレゼンテーションやゲームなど、あらゆるコンテンツが作成可能なオーサリング環境です。 当サイト FLASHRAVE ではAnimateとFlashの操作方法から実用的な機能、Webクリエーターが仕事で活用できるActionScriptや応用例、携帯電話対応、FLV形式の動画、FlashゲームなどFlash作成に関することを幅広く取り扱っています。 また、Flash作成の作業効率を上げるコンポーネントやパーツ類、ユーティリティを無料配布していますのでダウンロードしてご利用ください。

ようこそphpspotへ！ 当サイトではフリーのwindows用php開発環境であるＰＨＰエディタ(forWin)や、 フリーのＰＨＰスクリプト( PHP掲示板,webshot,webimager,CMS 等 )、ＰＨＰツールバー、テレビバー、 便利検索バー(Yahoo,Google,辞典検索)などを配布しています。 その他、ＰＨＰ入門 や ＰＨＰ５-ＴＩＰＳ、ＰＨＰサンプル集、MySQL解説、ＰＨＰレンタルサーバー特集 などのコーナーもあります。 スポンサードリンク 2009/09/14 サイトで配布しているPHPスクリプトに脆弱性！すぐ最新版にアップしてください！ new! 2009/01/21 ＰＨＰで携帯サイト構築を公開! 2008/07/12 PHPによるWebアプリケーションスーパーサンプル 活用編 第二版が出ました 2008/04/22 PHPエディタをVistaに対応させま

Word・Excel・PowerPointの技 このサイトでは、Office 2003までの使い方を扱っています。 新しいバージョンの使い方は、別サイト「Be Cool Users Office」をご覧ください！ このサイトのWordカテゴリー Word トップページ 画面表示：ここを甘く見るとステップアップは一生望めません！作業効率アップ基本のキ。 入力・編集：バカにできない入力のススメ・編集中の瞬間技。 保存・印刷：こんな方法があったのか！ レイアウト：クールな文書作りにこんな技を使いこなしたい！ 表・罫線：スピーディーに表を操るテクニックたち。 図形：図形の技ってあなどれない！ その他：こんな技で更にパワーアップ！ このサイトのExcelカテゴリー Excel トップページ 画面表示：Excel作業効率アップ基本のキ。まずはこれからスタート！ 入力・編集：入力時間、編集時間、短縮。短

ご訪問いただいたお客様へのお知らせ アクセスいただいたWebサービスは提供を終了いたしました。 長年にわたり、多くの皆様にご利用いただきましたことを心よりお礼申し上げます。 ODNトップページへ

Windows Linux Mac OS Firefox 2 Firefox 3 All Mozilla Firefox の最も一般的なキーボードショートカットの一覧表です。 GNOME で Emacs スタイルのテキスト編集ショートカットを有効にしているときは、 それらを Firefox 内でも使用できます。 Emacs テキスト編集ショートカットが (CtrlCmd+K のように) 既定のショートカットと衝突する場合、フォーカスがテキストボックス内にあれば Emacs ショートカットが優先します。(ロケーションバーや検索バー内も含む) このような場合は、代わりに使用できるキーボードショートカットが一覧にあればそれを使用してください。

基本操作 カンタン！エクセル塾 エクセルの使い方　基本操作 Excelは、今や表計算ソフトの代表的なソフトです。 Excelではどんなことができるのか、具体的なことを知りたい人の為に入門編として使い方を解説しました。

Surface Laptop Go 2 充実した機能とカラーを展開したノートブック型 Surface の最軽量モデル。Microsoft Office と Windows 11 搭載で 96,580 円から。

サイトを閉鎖しました。 トップページに掲載していたとおり、このサイトは、図書館員のためにICTに関する知識・知恵を掲載するという趣旨で提供してきました。 私は元々ICTの知識がなかったため、業務上の必要により調べた内容などを自分用のメモとして作成しPC内に蓄積していました。そして、しばらくして、それを新人職員研修にも用いるようになり、さらにWebに掲載するようになったという経緯でこのサイトを開始しました。 図書館業務に必要なICTに関する情報は多様かつ膨大です。必要が出てから勉強を開始していては間に合わないことも多くありました。また、ICTを初心者に分かりやすく簡潔に解説している書籍やサイトも多くありませんでした。そのため、必要になった時に取っ掛かりとして利用できる初心者に分かりやすいサイトとなることを目指して更新を重ねてきました。 しかし、ICTの刷新や改訂の頻度は高く、その内容を正しく

ホーム ＞ HTMLに役立つヒント ＞機種依存文字一覧表 機種依存文字一覧表 ●機種依存文字とは 何気なく使っている記号も、実は機種によっては文字化けを起こして読めないものがあります。JIS規格で統一されている文字というのは案外少ないので、ここに結構使われる文字の一覧を出しておきます。「機種依存文字」の方は機種によって表示されない、化けて表示される、四角く表示されるなどしているはずです。 ホームページを作るときは、これらの文字を使ってはいけません。 ●半角カナも使ってはいけません また、機種依存文字ではありませんが、半角カナはインターネットでは御法度（データを中継するサーバが誤動作する可能性があるため）なので、こちらもご注意ください。 ●半角カナ・機種依存文字一括変換辞書 自分でホームページを作っている方に役に立つかも。「DATA」ページからダウンできます。 ■MACの人に朗報 ここに「

ここで都合の悪いことが発生します。実は、「表」の2バイト目の「5C」に問題があるのです。 「5C」とはメタ文字（特殊文字）の「￥」の文字コードと重複するのです（Shift-JISの場合）。 「￥」が文字列中にあると、コンピュータはこれをエスケープ記号として解釈し、次のように取り去って表示してしまうのです。 (1) 95 5C 8E A6 ... 記述時点 (2) 95 8E A6 ... 「5C」を「￥」と解釈し取り去る（その次の8Eをエスケープすると解釈） (3) 95 8E A6 ... 展開結果 このようにして、展開結果は以下のようなコードで出力されることになります。 文字

HTML で、JIS、Shift-JIS、EUC に載っていないような難しい漢字を表示させるための方法を述べてみます。(環境：Windows98 or WindowsXP) 人気アイドルグループ SMAP の「くさなぎつよし」の「なぎ」の字は、通常の日本語漢字コードには載っていない難しい漢字です。しかし、日本語のコード表にないのだから表示できるわけがない……とは限りません。 どうやって表示させるか？…Unicode という文字コードを使えば良いのです。Unicode というのは、簡単に言うと「世界中の文字を１つにまとめたコード表」です。即ち、中国語、ロシア語、韓国語など主な文字は全てここに収められています。Unicode で表現する方法は以下で述べますので、きちんと表示されるか否かは「見る側の環境」にかかっています。 即ち、Unicode の文字を読めるかどうかは、見る側のマシンやブラウザ

大きなテーブルは、音声読み上げで内容を聞いているとき、データが何を示す値であるかが混乱してきます。音声ブラウザは、th要素の内容やtd要素のheaders属性を利用して、補助的な情報を読者（聴取者）に伝える機能を持っています（WebSite DesignのVol.3で「音声ブラウザでもまだサポートされていない」と書いてしまいましたが、新しいバージョンはかなり対応が進んできました）。 音声ブラウザとth要素 長い見出し項目の省略形 セルの関係を示す属性 scope属性 headers属性 データの次元と軸 補足：テーブルsummary属性の読み上げ 音声ブラウザとth要素 表（テーブル）は、大量のデータを縦横の二次元に整理することで、視覚的に把握しやすくします。しかし、音声合成でテーブルを読み上げる場合、データは順番に一次元的に読み上げられるため、全体像を把握することが難しくなります。たとえ

Using HTML entities is the right way to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters. This lookup allows you to quickly find the entity based on how it looks, e.g. like an < or the letter c. HTML Entity Lookup Lookup HTML entities like, space separate for more: Options Small output Incl. extended

リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:

Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html

META タグ の重要性 META タグとは HTML ファイル内の <HEAD> 内に記述できる特定の HTML タグのひとつです。 META タグの情報は他のタグとは違って、ウェブページ上に表現されることはありません。 Google などのロボット型検索エンジンは、インターネット上の情報を、自動巡回ロボットを使って、サイトを登録しています。 この自動巡回ロボットは、META タグの情報を、そのウェブページの情報として、最初に読み込みます。 この正確な META タグ が有るサイトと、無いサイトでは、検索結果に大きい差が出る事もあります。 また、META タグには、ロボットに情報を与える以外にも、様々な役割や機能もあります。 あなたのサイトにも、正確な記述の META タグを設置しましょう。 ロボット型検索エンジンへの対応は、アクセスアップ対策にもなり、大変重要なポイント

❤ฺ特殊記号タグ　コピペ用リスト❤ฺ HTMLでハート「♥ฺ」や「✌ฺ」などの絵文字を表示させるためのタグリストです。 「℀ฺ」などと書かれた部分をHTMLソースなどにコピーして貼り付け、ブラウザで開くと、リストの左側に表示されている絵文字が表示されます。 絵文字を直接コピーすると、テキストエディタでは「??」のように表示されると思いますが、これをHTMLソースに貼り付けないように注意してください。その絵文字以降が全て文字化けすることがあります。必ず「&#〜」と書かれた部分を貼り付けてください。 また、場合によっては正常に表示されないかもしれません。何があっても自己責任でお願いします。 文字種記号・数字の形 矢印・数学記号 その他の技術用記号・囲み英数字・罫線素片 ブロック要素・幾何学模様・その他の記号・装飾記号 囲みカタカナ・ひらがな・単位など 戻る

特殊文字とは、別名フォント、文字コードの違いなどにより表示できない一部の文字、いわゆる機種依存文字のことだ。 ブラウザではこれを&で始まり;で終わる文字列を使うことよって表示が可能である。有名なところでは&amp;（アンパサンド）、&nbsp;（スペース）などがそれにあたるが、使われているのはこういった一部の文字のみで、その他はその存在すら知られていない。 一体どれくらいの種類の特殊文字があるのかとWeb上で調べてみたのだが満足いくページを見つけることができなかったため、自分でまとめてみた。 調べてみると相当な種類があるのだが、これらが一般的に浸透していない理由の1つとしては特殊文字も万能ではなく、UAやフォントの種類によって表示できないものが数多くあるからだろう。だがその中でもほとんどの標準環境では表示可能で、あると便利なものも数多くあるのでそういうものについては積極的に使うべきだとRi

HTMLの文字実体参照 ASCII文字コード 記号・特殊キーの読み方 ギリシャ文字・キリル文字 HTMLで使われる文字実体参照の表記一覧です。OSやWebブラウザの種類によって一部正しく表示できない場合があります。 一般的な記号など 字実体参照数値参照名称・解説 &&amp;&#38;アンパサンド ¦&brvbar;&#166;破断縦線 µ&micro;&#181;マイクロ記号 ‰&permil;&#8240;パーミル ¤&curren;&#164;一般通貨記号 €&euro;&#128;ユーロ記号 ¢&cent;&#162;セント記号 £&pound;&#163;ポンド記号 ¥&yen;&#165;円記号 ©&copy;&#169;著作権記号 ®&reg;&#174;登録商標記号 ™&trade;&#8482;商標記号 ↑&uarr;&#8593;上向き矢印 →&rarr;&#8594;

ALT属性 or TITLE属性を使用するとマウスを乗せた際にメッセージが出ますが、あれを改行するにはどうすればよいのでしょう？タグの中に<BR>タグなんて書けませんし、Enterキーを使っても改行となりません。答えは を使うことで改行を行うことが出来ます。ただし、Netscapeでは文字化けしてしまうので注意が必要です。

この記事では、日本人客向けに運営されている信用できるおすすめオンラインカジノを厳選して紹介し、それぞれの特徴やメリット・デメリットを徹底解説していきます。 オンラインカジノ初心者の方のために、お得に楽しめるオンカジの選び方やカジノの始め方、入金不要ボーナスの詳細などについても分かりやすく解説していきますので最後までしっかり読んでからオンラインカジノを選びましょう。 当サイト限定の最新版！おすすめオンラインカジノ人気ランキング一覧 最新のおすすめのオンラインカジノランキング一覧は以下の通りです。

■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ <div>内に配置した<img>が<div>よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる<div>等に vertical-align を設定する（top 又は bottom） ■ <td>内のフォントが正しく指定したとおりでない（Win IE Mac IE） →<td>の中に<span>をいれて対応する ■MacIEで<div>を floatさせると表示が崩れる。 → フロートさせるdiv の width height 属性を指定する ■<ul><li>で画像リンクを作成したときに WinIEでフォントサイズを変更すると 隙間

jQuery prepend version Note: in this sample the <span> tag is prepended by jQuery (it is not in the source code). Apply on real design See, it is very practical. Try it on your design today. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc euismod adipiscing magna. Quisque sollicitudin nisi a nisi feugiat suscipit. Praesent molestie. Curabitur laoreet, augue in pharetra adipiscing, i

CSS Hack Labは現在、製作段階のWEBサイトです。製作途中のページやリンク切れ等が多数存在します。 また、テスト等をしっかりと行っていない部分もまだ存在します。 なお、ページ移動も頻繁にしていますので、URLは何度も変わる可能性があります。 以上のことを理解の上でサイトを観覧してください。 CSS Hack ライブラリー登録済みハック一覧 CSS Hack Labで解説しているCSS Hackの一覧です。種類別、順不同。2つ以上の種類に属するCSSハックもあるため一部が重複しています。 [種類別一覧表] [ハック名五十音順] [CSSハック一覧表 - 通常|Pass Filter|@import] スターハック系 スターハック* html selector{ スター7ハックhtml*selector{ 2スターハック* html*selector{ スター＋ハック*+html s

Owner Please provide full name, company name, address and other information of the material owner Copyrighted Work Please provide description of the copyrighted work that you claim has been infringed, including the URL (i.e., web page address) of the location where the copyrighted work exists or a copy of the copyrighted work. Unauthorized Content By checking this box, I confirm I have a good fait

Is your browser compatible? After starting the testsuite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is marked as such. You can click on each selector to see the results, including a small example and explaination for each of tests. Because it i

DiskStation provides a full-featured network attached storage (NAS) solution to help you manage, backup and share data among Windows, Mac and Linux easily.

『CSSバグ辞典スレッド』の要約 ここは、2ちゃんねるweb制作管理板内のCSS/DHTMLのバグを扱うスレッドで挙げられた、各ユーザエージェントのCSSやDHTMLの実装上のバグをまとめているサイトです。 更新履歴 WinIE171, 172、NN031、Opera091を追加。WinIE151を修正。（2004-11-29） WinIE169, 170、Moz085を追加。WinIE030, 039、Moz070、Opera048を修正。（2004-10-09） NN029, NN030、Moz084を追加。Moz033を修正。（2004-08-23） WinIE168、Moz082, 083を追加。WinIE022, 166を修正。（2004-08-08） Moz081、Opera090、Safari022, 023を追加。（2004-07-26） 以前の履歴 本拠地スレッド CSS

Update 2007-02-07 Lots of changes. Demo and documentation here. Download AutoSuggest v.2 Tested on Safari 2.0.4, Firefox 2 Mac & PC, IE 6, IE 7 Update 2006-11-17 Added support for special characters. Original post 2006-08-04 I finally got around to making a re-usable AJAX auto-suggest field. Here it is in action. The AutoSuggest class adds a popdown menu of suggested values to a text field. The us

Demos Main demo(Pane splitter). From the menu of this widget, you will find links to documentation and other demos. This widget has been created from scratch per request from users. The idea(not code) is based on concepts by Jack Slocum's yui-ext. Other pane splitter demos: Gray theme, Light cyan theme and Zune theme. DHTML form validator and Ajax form submit. Color widgets Window widget - Windows

このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章　Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja

■Ajax : Google Mapsを表示する Ajax (Asynchronous JavaScript+XML)を使った有名なものとしてGoogle Mapsがあります。ここではGoogle Mapsで使われている技術の一部をサンプルを作成して実際に動かしてみます。 注意：現在はサーバー名やデータ方式が初期のものと異なるため動作しないサンプルがあります。説明も古いものになっています。参考までにということでお願いします。現在Google Mapsは登録すればAPIを利用して表示させたり、いろいろなことができるようになっています。（2005年11月17日午後4時11分改訂） まず、最初にGoogle Mapsを表示してみましょう。実際のスクリプトは以下のようになります。 【サンプルを実行する】 <html> <head> <title>Google Mapsのデータを表示する</titl

World's best selection of high quality FREE icons. Discover why thousands of designers come to us first. Click to find your icon now!

DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser