リストを横並びにしてセンタリングというのはよく使う。ただよく使う(われる)わりには「これ!」というようなテクニックがないような気がする。inline-blockで並べた場合は項目の間に隙間ができ、floatで並べた場合はセンタリングがトリッキーすぎる。気分で色々使い分けてたけど最近はdisplay: inline-tableをよく使うようになって、これで良いかなーという感じ。 <nav class="paging"> <ul> <li><a href="foo">Prev</a></li> <li><a href="bar">Next</a></li> </ul> </nav> というようなマークアップの一般的なページング・ナビゲーションだと、 .paging { text-align: center; } .paging ul { display: inline-table; } .pa
Thank you for being patient. We are doing some work on the site and will be back shortly.
Posted on 2nd December 2008 — A few years ago Digg released a very cool little visualisation tool they dubbed the Digg Spy (it’s since been upgraded to the Big Spy). Recently Realmac Software released the site QuickSnapper to accompany LittleSnapper. It’s the QuickSnapper site (the left hand side) that makes use of the similar spy technique that I’ll explain how to produce. Earlier: Fun with Overf
ず、随分間が空いてしまった・・・何て言う現実。 気付けば冬間近ですね。 久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。 ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+2にしてみました。 サンプルサイトを見る サンプルをダウンロード 地味にサンプル作ってたら時間取られたので、解説は軽めですが続きにて。 今回作っておきたかったのは、センタリングさせたページ送りっす。 とても似たようなエントリーが有るので、下記も参考にしてみるといいかと。 ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。 不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 各サンプル共通で以下のスタイルが当たってます。 #main ul, #main ul li { marg
いつのまにか1000エントリ超えてたので、ここらで100に絞ってみる。 このblogで「スゴ本」認定されたもの、企画「この○○がスゴい」で挙げられたものを、100にまとめてご紹介。順序適当、偏見なし、ビジネス、サイエンス、エロマンガ。ブンガク、ビジュアル、なんでもアリ、啓蒙、アダルト、劇薬なんでもござれ。「ノンフィクション」、「フィクション」、そして「劇薬系・成人指定」の三本立てでご紹介。番号は便宜上つけたものなので、ランキングにあらず。 こんなにスゴい本に出合えたのは、すべてあなたのおかげ。いい本はたくさんあるのだが、全部読んでるヒマもないし、探している時間も足りない。だからわたしは、スゴい本を読んでいる「あなた」を探す。あるいはこのblogにやってきた「あなた」の言を待つ。そうしたツッコミやアドバイスをいただき、とても感謝しています。 この100リスト全て鉄板モノだが、「それをスゴ本と
This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter. Hovering over a letter (optionally) shows a count above the letter, indi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く