スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
スマホでタップできることを示すアイコンなどをCSSのみで実装してみましょう
あたり前だろうと思っていることが実はあたり前ではないとうことがありますね。 スマホサイトのデザインでよくある、タップできる領域の右端に矢印みたいなのがついてるものがあります。 こんなやつですね。 こんな時に矢印みたいなアイコンをCSSで実装してみましょう。 以下のHTMLとCSSで実装可能です。 HTML <ul> <li><a href="#">あいうえお</a></li> <li><a href="#">かきくけこさしすせそたちつてとなにぬねの</a></li> </ul> CSS * { margin: 0; padding: 0; } a { display: block; position: relative; border-bottom: 1px solid #ccc; padding: 11px 25px 11px 11px; color: #000; font-weight
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
