かにとうふ

Tofu On Fire📛

かにとうふ

Tofu On Fire📛

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

    • 24本

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

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

株式会社コピーライターサイトの再訪問を意識したギミック デイリーで情報が変わるサイト等は、毎回覗いてみようと思ったり、ふとした時に何か更新されているかな？と見る…

かにとうふ
かにとうふ
3年前
1

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

おいしい大麦研究所 - はくばく お世話になっております 昨今、外出自粛で運動もせず、ただただ飯を食う毎日ですが、せめてもの悪あがきで麦ごはんを食べるようになりま…

かにとうふ
かにとうふ
3年前
2

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

日清のどん兵衛ヒストリー右半分の情報と連動する左半分の吉岡里帆さん！ PC版の左半分はキツネ耳がよく似合う吉岡さんが固定で表示され、右側の年代ごとに登場したどん兵…

かにとうふ
かにとうふ
3年前
6

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

ボタンを押すとページ内の画像が切り替わる仕組みです。前までJSでやるものだと思ってましたが、CSSでシンプルに実装出来るとの事で調べました。以下備忘録 HTMLコードは…

かにとうふ
かにとうふ
4年前
かにとうふ

かにとうふ

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

株式会社コピーライターサイトの再訪問を意識したギミック

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

もっとみる
かにとうふ

かにとうふ

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


おいしい大麦研究所 - はくばく
お世話になっております

昨今、外出自粛で運動もせず、ただただ飯を食う毎日ですが、せめてもの悪あがきで麦ごはんを食べるようになりました。その際、出会ったサイトです。

余白が右側！左が固定ナビ

モニターのサイズに合わせるために、HPの余白は左右に均等にあるものを多く見ますが、こちらのサイトは右側に余白があり、左側にナビが固定で表示され続けるというもの。意外と余

もっとみる
かにとうふ

かにとうふ

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

日清のどん兵衛ヒストリー右半分の情報と連動する左半分の吉岡里帆さん！

PC版の左半分はキツネ耳がよく似合う吉岡さんが固定で表示され、右側の年代ごとに登場したどん兵衛の情報をスクロールして読ませるサイトだが、面白いのは左半分の固定エリアの活かし方である。ある程度スクロールして次の年代に入るタイミングで、左の吉岡さんが服装チェンジ＆吹き出しで喋ってくれるのである。

タイミング良く見出しが読める

もっとみる
かにとうふ

かにとうふ

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

ボタンを押すとページ内の画像が切り替わる仕組みです。前までJSでやるものだと思ってましたが、CSSでシンプルに実装出来るとの事で調べました。以下備忘録

HTMLコードはこんな感じ。CSSのレイアウト調整は割愛

<body> <div class="area"> <input type="radio" name="tab_name" id="tab1" checked> <label

もっとみる