iPhoneUI?

このデザインについて

dbfireball サンプル
カテゴリー:シンプルベーステーマ:なしヘッダー:グレー(細)
登録日:2008/08/07更新日:2008/08/10利用数:112
iPhone、iPod touchで使いやすいデザインを考えてみました。
不完全な部分が多いですが、このデザインを元に
修正していただければそこそこ使えるのではないかと思います。

ヘッダ/フッタ/スタイルシート

ページのヘッダ

<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

ページのフッタ


スタイルシート

*{
margin:0;
padding:0;
border:0;
text-decoration:none;
line-height:1;
font-size:100%;
}
body
{
  width:100%;
  margin:0;
  -webkit-text-size-adjust:none;
}
table {
  margin:0;
}
div {
  padding: 0;
  margin: 0;
}
p {
  padding: 0;
  margin: 0;
}
.pager {
  display: none;
}
ol {
  padding: 0;
  margin: 0;
}
li {
  font-size: 20px;
  padding: 0px 0px 10px;
  margin: 0;
  position: relative;
  text-align: left;
}
li .modified{
  font-size: 10px;
  padding: 0px 10px 0px;
  margin: 0px 0px 4px;
  background: #aaccff;
  display: block;
}
li a{
  text-decoration: none;
  color : #000;
}
li img{
    display: none;
}
.diff {
    visibility: hidden;
    display: none;
}
#footer {
  padding: 0;
  margin: 0;
  font-size: 10px;
  color : #fff;
  background: #6b6e7a;
  text-align: center;
}