ウノウラボ Unoh Labs: ニンテンドーDSブラウザーにあわせてサイトを作るときの軽い覚書

こんにちは。matsudaです。 以前、こちらでも紹介させていただきました犬・猫写真でカワイイか投票する「Cute or Not」ですが、これはもともとNintendoDSで遊べるように作っていました。DSブラウザはいまさらな感が否めないですが、上画面に写真・下画面に投票ボタンにして、タッチパネルでポチポチできて、暇つぶしにはもってこいな気がしたからです。 簡単にデザインできるだろう…とはじめは思っていましたが、実はそうでもなく、ちょっと苦戦したところがあったので、メモ程度に残しておきます。 ※以下、DSブラウザー特有の“縦長モード”での場合です。 ■画面のデザインは1画面：縦176px×横247pxNintendoDS の液晶は1画面192px×256pxになっています。そのうち上画面は上16pxがURL表示、下画面は下16pxが機能表示に利用されています。横幅はスクロールバー用に9px

[sakadon]

くだらないからやめろ　ワロタ

[Credit]

ウノウラボ Unoh Labs

[syousai55]

★webデザイン（ds）

[webmarksjp]

webデザイン

[bk246]

CSSはhandheld

[ag-commerce]

NintendoDS の液晶は1画面192px×256pxになっています。そのうち上画面は上16pxがURL表示、下画面は下16pxが機能表示に利用されています。横幅はスクロールバー用に9px使用されているので、結局1画面の有効範囲は176px×247pxになりま

[yoshiii]

「CSSのfont-sizeは3段階」「画面のデザインは1画面：縦176px×横247px」

[usj12262]

ふーむ

[picnicgraphic]

画面のデザインは1画面：縦176px×横247px/CSSはhandheld（media="handheld"を入れる）/CSSのfont-sizeは3段階（x-small、small、mediumのみ）

[shidho]

何に応用すればいい?2chリーダーとか?

[rokujyouhitoma]

NDS向けのサイトを作ることは無いかなぁ

[wacky]

ニンテンドーDS用ブラウザ向けサイトの注意点（縦書きモード）。画面サイズ、CSSの適用の仕方、font-sizeは3段階のみ。

[teahut]

>悪戦苦闘している時に見つけた、とても便利なサイトがありましたので最後にご紹介します: ニンテンドーDSブラウザーWiki - 開発/html仕様, DSブラウザ実験ページ

[yoshiweb]

DS

[fk_2000]

Wiiのも欲しいな

[texas_leaguer]

ニンテンドーDSブラウザー向けコンテンツを作る時のおぼえがき。

[mainyaa]

DS向けサイトを作るときの覚書。

[world_standard]

DS向けサイト

[nobu_kichi]

DS用の開発をする際に参照するかも

[hiro_y]

ニンテンドーDSブラウザー向けにサイトを作るには。

[tomatohead]

開発