かにとうふ

Tofu On Fire📛

かにとうふ

Tofu On Fire📛

マガジン

  • サクサク・ドーンナサイト

    • 24本

    イカしたサイトをまとめて、サクサクとアイデアを引き出そう

最近の記事

ドーンナサイト おもしろギミックまとめ

株式会社コピーライターサイトの再訪問を意識したギミック デイリーで情報が変わるサイト等は、毎回覗いてみようと思ったり、ふとした時に何か更新されているかな?と見ることはありますが、あまり情報が変わらないサイトは再訪問される機会が少ないかと思います。ただ、このサイトではコピーライターというコピーの強さを生かして、ファーストビューに日毎に文字が変わるコンテンツが入っています。一度この仕組に気づけば次は何が書いてあるんだろう?とふとした時に再訪問されるチャンスが生まれると思います。

    • ドーンナサイト 雰囲気/着眼点が面白いサイト

      おいしい大麦研究所 - はくばく お世話になっております 昨今、外出自粛で運動もせず、ただただ飯を食う毎日ですが、せめてもの悪あがきで麦ごはんを食べるようになりました。その際、出会ったサイトです。 余白が右側!左が固定ナビ モニターのサイズに合わせるために、HPの余白は左右に均等にあるものを多く見ますが、こちらのサイトは右側に余白があり、左側にナビが固定で表示され続けるというもの。意外と余白が偏っても見やすいです。落ち着いた色合いやジャンプ率が良いのも影響しているかも

      • ドーンナサイト 固定ナビ編

        日清のどん兵衛ヒストリー右半分の情報と連動する左半分の吉岡里帆さん! PC版の左半分はキツネ耳がよく似合う吉岡さんが固定で表示され、右側の年代ごとに登場したどん兵衛の情報をスクロールして読ませるサイトだが、面白いのは左半分の固定エリアの活かし方である。ある程度スクロールして次の年代に入るタイミングで、左の吉岡さんが服装チェンジ&吹き出しで喋ってくれるのである。 タイミング良く見出しが読める 左の固定ナビでアニメーションが入るので、スクロール中でも目が必ず左に一度は向いて

        • タブ押すと画像切り替わる仕組み(CSS)

          ボタンを押すとページ内の画像が切り替わる仕組みです。前までJSでやるものだと思ってましたが、CSSでシンプルに実装出来るとの事で調べました。以下備忘録 HTMLコードはこんな感じ。CSSのレイアウト調整は割愛 <body> <div class="area"> <input type="radio" name="tab_name" id="tab1" checked> <label class="tab_class" for="tab1">画像A</label>

        マガジン

        • サクサク・ドーンナサイト
          24本