スクロールに応じて変化する読了率メーターを実装してみる
2022/11/12
Web制作
サイトを見ているとたまに見かける読了率メーター。記事をどのあたりまで読んだかが視覚的にわかりやすくて良いですよね。
そんな読了率メーターが簡単に導入できたら良いなぁ…ということでコピペで…
ラベル：#CSS
【jQuery不使用】JavaScriptとCSSで作るニュースティッカー
2022/07/26
Web制作
Webサイトで時々見かける、最新情報を流すテロップのようなアレ。つい最近調べて知ったのですが、<strong class="marker-y"> ティッカー</strong> というそうです。新着情報がパッと目に入るので良いですよね～
これはぜひブログにもつ…
【Blogger】軽量・高速なCSSカルーセルの導入方法と解説
2021/10/31
Web制作
ときどき、Webサイトでスライドショーのようなものを見かけると思います。あれはカルーセルと呼ばれていて、「回転木馬」という意味があります。メリーゴーランドみたいにぐるぐる回っている様子から名づ…
サイト読み込み時に表示が一瞬崩れる場合の対処法
2021/06/27
Web制作
読み込みの際、（特にスマホ表示で）サイトが一瞬崩れて表示されることはありませんか？一瞬とはいえガクッと表示されるのは見た目的にカッコ悪いですし、気になってしまいますよね。
そういった場面…
【JavaScript不要】ハンバーガーメニューの実装方法＆解説
2020/12/27
Web制作
ワンタッチでメニューの表示切替ができるハンバーガーメニュー。前々から付けてみたいなぁと思い続け、ついに実装することができました！
思えば長い間面倒くさがって敬遠していたんですが、実際にや…
マイクラ風ひとことCSSを作ってみる
2020/12/24
Web制作
最近になってドハマりし、ほぼ全ての時間をマイクラに費やしていましたFumaです。
今回はマイクラのタイトル画面で表示されるテキストのCSSについてご紹介します。「今日のひとこと」的なアレ…
