2020年2月10日のブックマーク (2件)

  • ブログに雪を降らせて雰囲気を変える方法 - after work lab

    はじめに 雪は冬を盛り上げてくれる素敵な妖精ですが、このWebページのようにブログに雪を降らせているWebサイトを見かけることがあると思います。 どうやって雪を降らせているのか興味があったので、頑張っていろいろ調べ、ページにCSSやCanvas(JavaScript)を埋め込んで雪を降らせてみました。 今回3つの方法で雪を降らせてみたのですが、お勉強したことを備忘録として公開したいと思います。 なおこのページはダークモードでの閲覧をおススメします。 お手数ですが右上の検索横のアイコンをクリックして切り替えて下さい。 また、デモページは24時間雪は降ってますが、このページは12時~0時の間雪を降らせてます。 なぜブログに雪を降らせるのか 12月に入り寒さも厳しくなって来ましたが、地球温暖化の影響なのか、日は豪雪地域とそうでない地域に二極化している気がします。 管理人が住んでいる静岡県は雪の

    ブログに雪を降らせて雰囲気を変える方法 - after work lab
    meg-fit
    meg-fit 2020/02/10
    参考にします!
  • 人気デザインテーマの目次をサイドバーに固定表示する方法 - after work Lab

    はじめに 便利な目次 ブログへ目次を設置する方法 現在位置を表示して追尾する目次の設置方法 現在位置を追尾しない目次の設置方法 記事内への目次設定 サイドバーに目次を設定 目次のモジュールを設定 クローンコードの追加 CSSの追加 目次のカスタマイズ 面白い場所への目次の設置方法 まとめ ♡いいねはこちら はじめに この記事は「はてなブログをカスタマイズして良くするプロジェクト」第2弾です。 皆さんはブログに目次を設置してますか? 「Yes」の方がとても多いと思います。 では、2カラムデザインの方でサイドバーにも目次を設置してますか? 「No」の方が多いと思います。 スマホでの閲覧が多いから必要ないと言う方が多いのではないでしょうか。 でも統計によるとまだ4割はPCでの閲覧があるので、サイドバーに目次があった方が良いかも知れません。 もしサイドバーに目次を設置するなら、どんな目次が便利なの

    meg-fit
    meg-fit 2020/02/10
    参考にします!