タグ

2013年5月28日のブックマーク (3件)

  • Rails3 Tips » DBからランダムにレコードを取得する

    Itemモデルのレコードをランダムに10件取得するには以下のようにする。@items = Item.order("RAND()").limit(10)

  • CSSを利用して任意の箇所に改行を入れる

    スマートフォン向けのサイトで、h1要素の両左右にボタンがついているヘッダを作りたいということがあります。 そんな状況の時に、h1の1行が長くてテキストがボタンの後ろに隠れてしまうということがよく起こります。 スマートフォンは縦表示時の横幅のサイズが小さいために起こりがちなことなのですが。 こんな状況の時に使える、任意の位置で改行するための小技です。 ソースコード <header> <h1>解像度の大きいデバイスでは<span>1行で表示したい要素</span></h1> <div>ボタン左</div> <div>ボタン右</div> </header> header h1 span:before { content: "\A"; white-space: pre; } ここで重要なのはCSSの方。 h1の子要素spanの前に改行コードを追加してます。 これだけだと見た目上は改行されないので

    nyarugo
    nyarugo 2013/05/28
    改行位置コントロール
  • じゃがいもとにんじんのカレー | インド人シェフのブログ

    日使用する材です。たまねぎは赤くない普通のたまねぎでもOKです。今日は、ご近所の野菜の生産者さんがお客様としてご来店くださり、お土産に取れたての唐辛子をいただきました。日は辛味スパイスのカイエンは使用せず、生の唐辛子で辛味を出すことにします。 じゃがいもとにんじんをべやすい大きさに切ります。じゃがいもとにんじんは同時に調理しますので、にんじんはじゃがいもよりは、火が通りやすい大きさに切ります。 たまねぎはスライス、トマトは乱切り、しょうがは千切り、にんにくはみじん切りにします。 サラダ油をなべに熱し、クミンシードを香りがでるまで炒めます。 にんにく、しょうがを炒めます。にんにくがほどよくキツネ色になったところで、 じゃがいもとにんじんを加え炒めます。 日使用するスパイス。生の唐辛子がない場合は、カイエンペッパーを使用します。 じゃがいもの周囲が透明になってきたところで、スパイス、