Itemモデルのレコードをランダムに10件取得するには以下のようにする。@items = Item.order("RAND()").limit(10)
スマートフォン向けのサイトで、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の前に改行コードを追加してます。 これだけだと見た目上は改行されないので
本日使用する食材です。たまねぎは赤くない普通のたまねぎでもOKです。今日は、ご近所の野菜の生産者さんがお客様としてご来店くださり、お土産に取れたての唐辛子をいただきました。本日は辛味スパイスのカイエンは使用せず、生の唐辛子で辛味を出すことにします。 じゃがいもとにんじんを食べやすい大きさに切ります。じゃがいもとにんじんは同時に調理しますので、にんじんはじゃがいもよりは、火が通りやすい大きさに切ります。 たまねぎはスライス、トマトは乱切り、しょうがは千切り、にんにくはみじん切りにします。 サラダ油をなべに熱し、クミンシードを香りがでるまで炒めます。 にんにく、しょうがを炒めます。にんにくがほどよくキツネ色になったところで、 じゃがいもとにんじんを加え炒めます。 本日使用するスパイス。生の唐辛子がない場合は、カイエンペッパーを使用します。 じゃがいもの周囲が透明になってきたところで、スパイス、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く