2005-09-11 Sun
装置非依存性を確保するために対で使用すべき属性
- Summary
onmousedown + onkeydown
onmouseup + onkeyup
onclick + onkeypress
- Reference
Another HTML-link : Explanation - 150. ATTRA 属性を使うときは ATTRB 属性も指定しましょう。
http://openlab.ring.gr.jp/k16/htmllint/explain.html#event-pair
W3C - Techniques for Web Content Accessibility Guidelines 1.0
http://www.w3.org/TR/WCAG10-TECHS/#scripts
ウェブ内容アクセス指針1.0用技術
http://www.asahi-net.or.jp/~bd9y-ktu/WEBct_f/wai-pageauth-tech.html#scripts
2005-09-08 Thu
PICS-Label - アクセス制限
- Reference
アクセス制限について - PICS-Label
http://www.geocities.co.jp/Hollywood/9752/pics.html
2005-08-12 Fri
テーブルをクリックしてジャンプ
- Source
<table> <tr> <td onClick="window.location.href='index.html'">ジャンプ</td> <td onClick="window.location.href='index.html'">ジャンプ</td> </tr> </table>
- Sample
| ジャンプ | ジャンプ |
- Reference
HTML小技集 - メインコンテンツ - テーブルリンク
http://hp.xrea.jp/m/link/34.html
2005-03-07 Mon
accesskey
- Summary
accesskey を利用したアクセシビリティの向上．
前後のエントリへの移動，プレゼンテーションへの応用．
- Reference
Going My Way - 2005-03-05 - 前後のエントリーに簡単に移動できる用accesskeyを設定
http://kengo.preston-net.com/archives/001819.shtml
Going My Way - 2005-01-31 - プレゼンテーションで使えるHTML+accesskey
http://kengo.preston-net.com/archives/001767.shtml
Stopdesign - Presentations - Web Essentials 04 - Pushing Your Limits (and other secrets of designing with CSS)
http://stopdesign.com/present/2004/sydney/limits/
2005-01-28 Fri
ref="nofollow" ほかメタデータのプロファイル
- Summary
head 要素の profile 属性を次のように記述
<head profile="http://purl.org/net/ns/metaprof">- Reference
The Web KANZAKI - 2005-01-21 - ref="nofollow" ほかメタデータのプロファイル
http://www.kanzaki.com/memo/2005/01/21-1
The Web KANZAKI - 2005-01-23 - ref="nofollow" と文書間の関係
http://www.kanzaki.com/memo/2005/01/23-1
- via
www.textfile.org - 2005-01-22
http://www.hyuki.com/tf/200501#i20050122230358
2005-01-21 Fri
Kupu - WYSIWYG XHTML Editor
- Summary
JavaScript による WYSIWYG なXHTMLエディタ．
右クリックからCut, Copy, Paste, Create link, Create image, Add table の操作が可能．
日本語も入力可能．
- Reference
OSCOM Kupu - Kupu WYSIWYG XHTML Editor
http://kupu.oscom.org/
- via
Open Alexandria - 2005-01-21 - Kupu
http://www.openalexandria.com/item_410.html
2005-01-07 Fri
アンカータグでPOST渡し
- Reference
Chaichan-World ! - WEB相談室 - 3942
http://chaichan.hp.infoseek.co.jp/qa3500/qa3942.htm
PHP-users ML - 4917
http://ns1.php.gr.jp/pipermail/php-users/2002-January/004925.html
2004-10-29 Fri
blockquote の引用元明示
- Summary
<blockquote> タグを使用した時の引用元を明示するには，cite属性を使用する．
- 例
<blockquote cite="http://www.example.com/" title="Example.com">- ChangeLogメモで引用元を明示的に表現したい
chalowプラグインでやるしかない?
2004-08-01 Sun
Web for beginner
- Summary
HTML,XHTML,CSSのリファレンス
XML,PHP,JavaScriptのビギナー用文書
- Reference
Web for beginner
http://www.scollabo.com/banban/
2004-05-10 Mon
ラジオボタンを押しやすくする
- Summary
ラジオボタンの横のテキストをクリックすることで，対応するラジオボタンを選択できるようにする
ラジオボタンが選択しやすくなる．
- Example
<form> <input type="text" name="q" size="50"> <input type="submit" name="sbmt" value="検索"><br /> <input type="radio" id="splace1" name="searchplace" value="1"> <label for="splace1">このサイトの中を検索</label> <input type="radio" id="splace2" name="searchplace" value="2"> <label for="splace2">web全体を検索する</label><br /> </form>
- キモ
<input>の id属性と <label>のfor属性を同一の値にする
- Reference
All About Japan - HTML・XML - ラジオボタンの命中率を格段にUP
http://allabout.co.jp/career/html/closeup/CU20031102A/
2004-02-28 Sat
<label> の使用法
- Summary
<label> は，フォームの中で，フォーム部品とラベルを関係付けるために用いる
ラベル部分をクリックしても選択できるようになる
<label>のfor属性と，<input>のid属性を同一にすることで<label>と<input>の関連付けをする
- サンプル
<form action="example.cgi">
<div>
<input type="radio" name="YES_NO" id="r1" value="yes" checked>
<label accesskey="Y" for="r1">はい(<u>Y</u>)</label>
<input type="radio" name="YES_NO" id="r2" value="no">
<label accesskey="N" for="r2">いいえ(<u>N</u>)</label>
</div>
<input type=submit value="送信">
</form>
- Reference
とほほのWWW入門 - HTMLリファレンス - <label>
http://tohoho.wakusei.ne.jp/html/label.htm
2004-01-10 Sat
小さいファイルサイズで挑戦
- 256b.htm Competition
256バイトのHTML(含JavaScript,CSS,GIF)でどこまで面白いWebページが作れるかのコンテスト
http://wildmag.de/compo/
- via
Passion For The Future - 2004-01-10 - 小さいことは良いことだ
http://www.ringolab.com/note/daiya/archives/000804.html
2003-11-20 Thu
Academic HTML
- Reference
Academic HTML
http://www.tg.rim.or.jp/~hexane/ach/
2003-11-17 Mon
サブウィンドウ開くウェブページは特許侵害!?
- Summary
NPO法人文化情報推進協議会によれば，サブウィンドウを開くウェブページは全部当団体の特許に抵触する
<a href="http://www.example.com/" target="_blank">Example.com</a>
もだめらしい．
- 特許番号
3393199
- 使用料
\12000 / Year (消費税\600)
- Reference
CIPA - NAOシフトとは
http://www3.ocn.ne.jp/~cipa/naoshift.html
- via
Slashdot Japan - サブウィンドウ開くウェブページは特許侵害!?
http://slashdot.jp/article.pl?sid=03/11/17/0826232&topic=54
2003-10-26 Sun
WDG HTML Validator
- http://www.htmlhelp.com/tools/validator/
サイトごと HTML Validate
2003-08-12 Tue
Yahoo! JAPAN - 文字化け対策
- <META> タグは使用しない
プロキシが文字コードを変換して蓄える場合に文字化けが発生するため
- 特有コードの識別文字挿入
EUC にのみ存在する \xFD\xFE という全角文字が挿入されている．
- Reference
http://docs.yahoo.co.jp/docs/help/mojibake/sonota.html
2003-08-12 Tue
ウェブマスターのための文字化け講座
- Reference
ウェブマスターのための文字化け講座
http://www.shtml.jp/mojibake/
2003-05-29 Thu
如何なるブラウザでも，閲覧可能に
- Summary
このページは，ブラウザXでご覧下さい，と言うラベルをウェブページ上で叩き付ける人は，
ウェブ以前で別のコンピューター・ワープロ・ネットワーク上で書かれた文書をよむことが出来なかった，
あの悪しき昔を懐かしんでいるように見えます．
- Reference
http://www.anybrowser.org/campaign/anybrowser_jp.html
