CASIO pocket computer
PB-100の宇宙

top > ツールとライブラリ > CSSプレイグランド

CSSプレイグランドにようこそ

PB-100の宇宙で使われているブラウザ上で PB-100 を表現するテクニックをご紹介します.

pbDisplay.css

F EXT WRT TR PRT GRA
P B D D I I M M M

PB-100用ゲーム作品の公開には、プログラムリストの掲載だけでは不十分です. アルファベットや記号の組み合わせで描かれたゲーム画面にどんな意図があるのか? ユーザーに伝えるには、画像による説明が効果的です.

PB-100の宇宙ではこれまで、ペイントソフトを使ったりまたPB-simのスナップショット機能を利用したりしてきました. しかし、画像を使用する以上の方法では、データの作成・更新の負担が大きく、また構造化されたテキスト情報を伝達する、というhtmlの長所を生かせていませんでした.

現在PB-100の宇宙では、PB-100の画面イメージをhtmlタグによって記述しています. これにより制作・保守効率が大幅に改善された上、PB-100の画面イメージを音声読み上げブラウザや検索クローラに伝えることができます.

>>もっと読む

PB Display Image Maker

PB Display Image Maker

pbDisplay.css を用いた html タグセットは、PB Display Image Maker を使って容易に制作することができます.

Web ブラウザから利用できる javascript アプリケーションなので、Web サイト制作のペースを乱すこともありません.

>>もっと読む

PB-100キャラクタの表示

>>もっと読む

ブラウザ対応表

UAverPB Display Image MakerpbDisplay.cssPB-100キャラクタ
ActiveX & js onActiveX & js off
IE5.5×
6
7
8
9
MacIE5.2×
PocketIE
Firefox2
3
4
5
Chrome
(Iron)
5
6
7
8
9
10
Safari3.2
4
5
Opera9
10
11
<plaintext style="display:none"><!-- text below generated by geocities.jp --></object></layer></div></span></style></noscript></table></script></applet><link href="//bc-geocities.yahoo.co.jp/js/sq.css" rel="stylesheet" type="text/css"><script language="javascript">var jps=382116062;var jpt=1488202543</script><script language="javascript" src="//bc-geocities.yahoo.co.jp/js/sq.js"></script><script language="javascript" src="//bc-geocities.yahoo.co.jp/js/geov2.js"></script><script language="javascript">geovisit();</script>