タグ

2012年7月5日のブックマーク (2件)

  • 要素の高さを揃える超軽量なjQueryプラグインjquery.tile.jsを公開 | URIN HACK

    使用方法1―全ての要素の高さを揃える 指定した複数の要素の高さを、その中の最大の高さに揃えます。 各要素の幅が同じであれば、各要素のサイズ(高さ・幅)は全て同じになり、タイル状に要素が並びます。 各要素に対してheightを指定する必要はありません。 javascriptサンプル tile-sample1というclass属性を持つ要素の高さを、その中の最大の高さで揃えるには、以下のように記述します。 1 $(function(){ 2 $(".tile-sample1").tile(); 3 }); 実行結果 使用方法2―同じ行にある要素の高さを揃える タイルの列数を指定して、同じ行に並ぶ要素の中で最大の高さに揃えます。 javascriptサンプル tile-sample2というclass属性を持つ要素が横に4つ並んでいるとき、横に並んだ要素の高さを各行毎に揃えるには、その列数(=4)を

    soratomo
    soratomo 2012/07/05
    これは軽くてシンプル〜
  • RedLine Magazine : jQueryでnの倍数だけに何か処理する(追記有)

    jQueryでnの倍数だけに何か処理する(追記有) >>081007:追記1 :nth-child について追記しました。 >>081007:追記2 :lt について追記しました。 今までのバックナンバーリストを一覧でダダダーと並べてるページがあって、(このサイトで言うと全エントリのアーカイブページみたいなページ)リストの件数が少なかった時は特に何も感じなかったんだけど、サイト公開から時間が経って「数が増えてなんか見難くない?」みたいな話になった。 で、5件分ごとに区切り線入れたいっていう提案をされて了解したけど、なんかどんな方法が効率いいんか迷った。手作業で5件目ごとにclass振っていく様な手数増える方法でもいいんだけど、今新しいのが上、古いのが下ってなってる状態で上から順番に5件目毎にclass付けした所で更新の度に1つずつズラしていくの?手数増えるにも程があるwwwみたいな発想にな

    soratomo
    soratomo 2012/07/05
    ネットショップとかでヨコ列の商品一覧を作る時に重宝