twitter facebook hatena google pocket iPhoneが米国で発売され、apple独特のUIの良さが好評になっています。 今回はJoeHewitt.comのiUIで紹介されている、iPhone的なUIを実現するjavascript「iUI.js」を紹介します。 sponsors 使用方法 実装はそう難しくありません。 iUIからダウンロードしたファイル群をアップロードし、CSSとjsをhead内に挿入します。 次にHTMLです。 <div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> </div> と書き込みヘッダー部分を作成します。 後はページ毎にui id="ページ名"で括り、liのリンク先にそのidを指定すれば完成です

ちょっとついでにiPod touchにインストールされているフォントを調べてみました． 徒然なるままにさんの「iPod touchで利用できるフォント」という記事に載っていて，以下のものが入ってるそうです． せっかく分かったので実際にiPod touchのSafariで表示できるのかどうか確認するためにフォント指定してみました． どうだろう？ American Typewriter Arial Arial Rounded MT Bold Courier New Georgia Helvetica Marker Felt Trebuchet MS Verdana Zapfino ヒラギノ角ゴ Pro W3 全て良い感じに表示されています（Mobile URLの方はタグが自動的に無効になるらしく試すことが出来ないので本家の方で）． なお，最後にある「ヒラギノ角ゴ Pro W3」はそんな感じに見

◆追記 評判良かったので大幅に加筆訂正してみました。 ちょっと昨日、一昨日と携帯向けサイトを作っていたのですが、最近の携帯電話事情がわからず、どういうタグを使えばいいのかとか、CSSは対応しているのかとか、文字コードの問題はどうするのかとかいろいろわからないところが多かったので、ちょっと自分なりに調べてまとめてみます。 間違いが含まれている可能性が非常に高いです。 突っ込み大歓迎。 前提 キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 長くなるので最初にまとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。

DoCoMo、au、Softbankのケータイ主要3キャリアで、フォーム入力欄に入力してもらう文字種別を指定する方法の解説です。 ケータイはPCと比較して、文字入力関連のインターフェイスが非情に不便です。 それはもちろん、携帯電話という端末の特性上、仕方が無い部分でもあるかもしれませんが、ちょっとした工夫でユーザーに与える文字入力へのストレスを軽減することが出来ます。 例えば、何かの入力フォームで、半角数字のみを入力してもらうテキスト入力欄があったとします。 そこで何の工夫も無く、 <input type="text" name="userid" value="" size="7" maxlength="6" /> みたいな感じでやっちゃうと、ユーザーがその入力欄に文字を入力しようとすると、最初に全角かなモードでテキスト入力のウィンドウが開いちゃいます。 これを、最初から半角数字モードで開

2018年10月10日(水)をもちまして､ﾎﾟｹｯﾄはてなの提供は終了しました。