「CSS・Javascript」の記事一覧

ホームページやランディングページ（LP）、セールスページ（SP）で訪問者の信頼を得るために欠かせないのが、「お客様の声」や「商品の感想」といったリアルなフィードバックです。 今回は、こうした「お客様の声」や「商品の感想」 […]

最近、Bootstrap３で作成されていたサイトを、Bootstrap５に更新しました。 その時にメモした備忘録です。 この記事の目次 Bootstrap3からBootstrap5への変更点1.グリッドシステム2. ボタ […]

お問い合わせフォームなどで、「個人情報保護方針に同意する」のチェックボックスに、チェックを入れるとボタンが有効になるといった仕組みが必要になることがあります。 例えば、下記のような仕組みになります。  個人情報保護方針に […]

リンクにホバーアニメーションを加えることで、クリック率を高める効果があると言われています。 今回は、基本的な「リンクにホバー時に下線がスライドする」アニメーションを作成したので、備忘録として残しておきます。 リンクの下線 […]

「自分が書いた記事をパクられてしまった！」といった経験をお持ちの方もいるかもしれません。 Google検索は、コピーコンテンツだとしても、検索エンジンに先にインデックスされた方が、オリジナルのコンテンツだと見なされる傾向 […]

埋め込む画像をちょっとアレンジしたい、アクセントを加えたいといったことがあるかと思います。 その為、ブログなどに埋め込んだりする画像をちょっとお洒落な感じに見せるCSSを３つ作ってみました。 この記事の目次 角丸・画像を […]

gigazineさんの記事に影響を受け、「ボタンの周りを光が回転するCSS」を作成してみました。 参考：CSSの「@property」を活用しておしゃれなボタンを作る方法をエキスパートが解説 そして、作成したボタンが下記 […]

２つの商品を要素ごとに比較したい時があると思います。 その際に使用するテーブルを作成してみました。 ストリーミングサービスの比較 コンテンツの種類 オリジナル作品が充実 映画、ドラマ、アニメ、ドキュメンタリーなど多岐にわ […]

ゲームや教育コンテンツなど、特定の能力やスキルレベルを示す際に使われることがあるのが、レベルインジケーター (level indicator)です。 これらは、評価バー (rating bar)や、難易度バー (diff […]

サイト内に色々な画像や文字があると、ボタンが埋もれてしまうことがあるかと思います。 また、サイト内に複数のボタンがあったりすると、大事なボタンが埋もれてしまうかもしれません。 その為、どうしても目立たせたいボタンがある場 […]