【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">
[CSS3] Path 2.0 Flyout Menu using CSS - Pathを模したCSS3メニュー
[CSS3] Path 2.0 Flyout Menu using CSS – Pathを模したCSS3メニュー Pocket Tweet 新しいUIが素晴らしいという事で最近よく記事を目にするiPhoneアプリのPath。あれのメインメニューを模したものをCSS3で作ったというのがこれ。＋をクリックする事でメインメニューがズラっと出てきます。もっかい押せば収納。この動き自体はさほど新しいものではないんだけど実際にアプリの中で目にすると、デザイン性の高さだけでなく、手に持った時の機能性と表示エリアの節約など、なんかこうデザイナー的に色々とグっとくるわけですよ奥さん。これマネた作りのメニューって今後いくつか出てきそう。自分もマネっ子したいです！ 追記：似たような作例をもう1つ見つけたので追記。 Path 2.0 Flyout Menu using CSS Path menu in pure
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
