■
アキバBlog(秋葉原ブログ)
■
メガとんトラック
■
楽画喜堂
■
かーずSP
■
カトゆー家断絶
■
ゴルゴ31
■
Hjk/変人窟
■
Tentative Name
■
痛いニュース(ノ∀`)
■
アルファルファモザイク
■
News人
■
TBN
■
everything is gone
■
MOON CHRONICLE
■
Intermezzo(めっつぉ)
■
RinRin王国
■
月姫研究室
■
TECHSIDE.NET
■
駿河電力/スク水.JP
■
EARL.BOX
■
HK-DMZ PLUS.COM
■
フィアンセ戦車
■
秒刊SUNDAY
■
HMX.NET
■
春が大好きっ
■
ヤマカム
■
マンガがあればいーのだ。
■
モエモエカフェ
■
大炎上
■
なつみかん。
■
うぱーのお茶会
■
ぬるヲタが斬る
■
レビログ
■
foo-bar-baz
■
アキバHOBBY
■
e-flick.net
■
CUT A NEWS
■
ひなたちき
■
常時リソース不足
■
アスまんが劇場
■
はげ丸のメイド喫茶レポ
■
朝目新聞
■
面白いサイトを見つけたよ。
■
ひげおやじの秘密小屋
■
なんでも評点
■
ザイーガ
このイラストが添付された日記
iUIでiPhone用サイトを作る際のTips
インターフェースに置換してくれるライブラリです。
以下のURIよりダウンロードができます。
■iUIダウンロード
http://code.google.com/p/iui/
デフォルトのスタイルシートのままサイトを作った場合、
以下のようになります。
この場合、WEBページをホームに追加すると
以下のように上部が隠れてしまいます。
そこでメニューバー分余白を設け、
以下のようにアレンジしてみました。
ホームに追加し、実行するとこんな感じ。
■コードの修整は以下の通りです。
iphone2\iui
iui.css
body > .toolbar {
height: 45px;
→65px;へ変更
body > *:not(.toolbar) {
top: 45px;
→65px;へ変更
.toolbar > h1 {
padding-top: 10px;
→20px;へ変更
.button {
top: 8px;
→20px;へ変更
以下の画像を置換
\iui\t\default\toolbar.png
↓実際のWEBページ
お手軽スマホ対応。
是非お試しあれ!
■参考にしたページ
http://ameblo.jp/linking/entry-10766619832.html