タグ

ブックマーク / saruwakakun.com (2)

  • ★★CSSだけで簡単!ハンバーガーメニューの作り方(スマホ対応)

    HTML <header> <div id="nav-drawer"> <input id="nav-input" type="checkbox" class="nav-unshown"> <label id="nav-open" for="nav-input"><span></span></label> <label class="nav-unshown" id="nav-close" for="nav-input"></label> <div id="nav-content">ここに中身を入れる</div> </div> </header> inputやらlabelやらが入っていて、何のことが分かりづらいかと思うので、少し解説をします。 解説 全体はheaderで囲んでいます。他にもサイトタイトルやロゴ画像を入れるのではないかと思います。<div id="nav-drawer">の中に

    ★★CSSだけで簡単!ハンバーガーメニューの作り方(スマホ対応)
  • 力尽きレシピ〜簡単ズボラ飯のレシピ集〜

    夜遅く仕事や学校から帰ってきたときや、料理のやる気が出ないとき、時間がないときのための簡単レシピ集です。混ぜるだけや電子レンジでチンするだけで出来上がるようなズボラ飯の作り方を中心に紹介していきます。 簡単レシピの探し方 料理に必要なHPとは、その料理を作るのに必要なエネルギーのことです。このパーセンテージが低いほど「料理を作るのが楽」ということを表しています。 作るのにそこそこ体力が必要です。それでも、比較的カンタンなレシピが中心です。複雑なレシピや作るのに何時間もかかるようなものはありません。 体力が尽きかけているときでも作れる料理です。必要な材も少なめです。 「今すぐベッドに飛び込んで寝たい…!」という力が尽きてしまったときのための超カンタンなズボラ飯です。ヘロヘロになりながらも作ることができます。 ズボラ飯でも美味しい

    力尽きレシピ〜簡単ズボラ飯のレシピ集〜
  • 1