12月中旬といえば、忘年会シーズンのまっただ中。つきあい酒の毎日に胃が疲れ、メタボの危機にさらされる時期でもある。せめてランチくらいは、あたたかくてヘルシーで、胃が休まるものを食べたい……そう思う人もいるのではないだろうか。 そんなビジネスパーソンにオススメなのが「スープジャー」（真空断熱フードコンテナ）だ。スープやシチュー、おでんなどの汁物を5～6時間くらい温かい状態に保てるポット型の入れものなのだが、実はこれをうまく使うとヘルシーなあったかランチを超短時間でつくれてしまうのだ。 さっそくどんなレシピがあるのか見ていこう。 短時間で準備できる低カロリーレシピがいっぱい スープジャーを使ったカンタンレシピの基本は、（1）熱湯を入れて2分くらい温めたスープジャーを用意 （2）具材を入れる （3）熱湯を入れて2～3時間待つ というもの。準備にほぼ1分しかかからないようなレシピもあるので、忙しい
※商品の写真または商品名をクリックすると、アレルギー・栄養情報、原産国情報や商品の詳細をご覧いただけます。直近の更新状況についてはこちら。 ※表記はすべて税込価格となり、「店内でのお食事」と「お持ち帰り(ドライブスルー含む)」でどちらも同一の税込価格です。(税抜価格は異なります) ※全国の約40店舗(空港、駅・遊園地・サービスエリア・大都市圏の一部店舗)では価格が異なります。該当店舗はこちら。 ※一部店舗でお取り扱いのない商品がございます。 ※一部店舗で検証を行っている場合、商品の情報や価格が異なることがあります。 ※朝マック商品は朝10:30まで、レギュラー商品は朝10:30から、夜マック商品は17:00からの販売となります。 ※バリューランチは平日朝10:30～14:00までの販売となります。 ※ビッグブレックファストバリューセットとビッグブレックファスト デラックスバリューセットはサ
よく見かけるタイプのjQueryを使ったスクロールしても上に固定されているメニューを紹介します。最近FC2ブログの上部に現れた検索バー（このブログは非表示にしてます）みたいな感じです。 <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.5'},400); //スクロール時 else $('#nav').stop().animate({'opacity':'1'},400); //一番上にあるとき }); $('#nav').hover( function (e) { var scrollTop =
高さが固定のエリアに単一行のテキストを天地中央にセンタリングすることは、line-heightを高さと同じに指定する等の方法で可能だが、複数行となると簡単にはいかない。複数行にまたがるテキストを天地中央にセンタリングしたいということは多いだろう。 それを実現する方法のひとつとして、「CSS TRICKS」の「Vertically Center Multi-Lined Text」（css-tricks.com/vertically-center-multi-lined-text/）が参考になるだろう。このサイトで紹介されているサンプルは高さが固定になってしまっているが、これを参考に高さが可変の例を紹介しよう。 ここでは【1】のようなものをつくる場合を考えてみる。まずは、HTML【2】とCSS【3】を用意しよう。メニュー用のリスト要素ul.boxに対して、「display:table;」を指定
滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。 Animated Navigation with CSS & jQuery demo デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。 ナビゲーションはリスト要素で実装されており、「overflow:hidden;」でマスクし、マウスのホバーでスライド表示させています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="topnav"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li
Hidden Pixels - Ultimate CSS Menus デザイン性に優れたCSSメニュー集。 これは、と思うようなかっこいいＣＳＳメニューが特集されていました。 Professional drop-down Professional dropline Space Drop Down Menu Flyout hybrid menu Professional drop-down - shadow menu Brooke Case Drop Down Tech Radar mouseover tabs つい押したくなるようなメニューですね。 参考にクールなメニューを作ってみましょう。 関連エントリ クールなナビゲーションメニューを作成するCSS＆HTMLサンプル アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 J
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く