CSSのcounter-incrementを使ってリスト以外に番号を付ける方法
あまり使っているのを見たことがないマイナーなCSSプロパティ「counter-increment」を使ったサンプルを紹介します。 「counter-increment」というプロパティを初めて聞いたという方も多いかもしれません。「counter-increment」は、サンプルのように番号を自動的に付けるときに使われます。リスト（list-style-type: decimal）のような感じですね。「counter-increment」で番号を付ける対象を指定して、疑似要素を使って表示することになります。 疑似要素を使っているため、IE7以下は非対応ですのでご注意ください。 今回サンプルを２つ用意しました。 ではHTMLから順番に解説していきます。 HTML HTMLはどちらのサンプルも同じで以下のようになっています。 <div class="divCount"> <h4><a href=
かっこいいページ送り付きのグリッドを簡単につくれる「OpenJS Grid」:phpspot開発日誌
Welcome to Square Bracket かっこいいページ送り付きのグリッドを簡単につくれる「OpenJS Grid」。 次のようなデザインのグリッドを簡単に作れるライブラリ＋サンプルプログラムのセットがダウンロード可能になっています。 Ajaxによるデータロードにより、かっこいいデザインのまま、データをページ送り・ソートできるというもの。 ライブラリ部分はjQueryプラグインになっています。こうしたライブラリは他にも色々ありますが、選択肢の一つとして覚えておいてもよいかも。 単に表示だけではなく、input などを配置してその場で保存なんていう機能もあります。 ドキュメント、サンプルコードが用意されているため、比較的容易に使えるはずです。 関連エントリ 好みのグリッドを作成してPNGやPhotoshop形式でダウンロード可能な「Modular Grid Pattern」 リッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
