「CSS・Javascript」の記事一覧

ボタンなどに、<a>タグを記載して、PDFのURLリンクにするとPDFのプレビューが表示されます。 動作確認できます プレビューが表示されるにゃ ただ、プレビューを表示させたくない時もあると思います。 その為 […]

ワードプレス（WordPress）には、ブログカード（リンクカード）の機能が付いていることがほとんですが、カスタマイズすることは、ほとんどできません。 その為、ブログカード（リンクカード）のようなデザインのリンクを作成し […]

自身のサイトのURLやクーポンコード、アフィリエイトリンクなど、サイト訪問者にコピーしてもらいたいことがあるのではないでしょうか？ 例えば、下記のようなボタンです。 URLをコピー コピーしました。 上記のボタンを押すと […]

楽天トラベルのアフィリエイトで使用するモーションウィジェットとは、下記のような動く広告のことです。 しかし、この楽天トラベルのモーションウィジェットは、サイズ固定されています。 その為、例えば、600x200サイズのモー […]

楽天アフィリエイトのモーションウィジェットとは、下記のような動く広告のことです。 しかし、楽天アフィリエイトのモーションウィジェットは、サイズ固定されています。 その為、普通に、468x160サイズのモーションウィジェッ […]

Google Map（グーグルマップ）を使用して、会社やお店などの地図をサイトに埋め込みむことがあるかもしれません。 しかし、Googleマップを埋め込んで使用すると、意図せずに地図が見切れてしまう（はみ出してしまう）こ […]

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

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

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

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