タグ

2021年5月11日のブックマーク (2件)

  • SVGのイメージマップでレスポンシブにも対応。Dreamewaverで効率的なイメージマップ作成

    SVGのイメージマップでレスポンシブにも対応。Dreamewaverで効率的なイメージマップ作成 画像内の特定の箇所をクリック可能にするイメージマップ。ユーザーとして、誰もが一度は使用したことがあるのではないでしょうか。 しかし、開発する側にとっては、イメージマップのコードは直感的に記述・理解できるものではないという難点があります。 また、昨今は、レスポンシブデザインへの対応や、マウスオーバー時のアニメーション等、標準イメージマップでは対応できない要件を求められることも多くなりました。 そこで活躍するのが、Dreamweaver CCです。「Web標準対応の統合制作環境」と言われる通り、Dreamweaverはイメージマップを作成するのにも最も適したツールで、柔軟、かつ効率的に開発を行うことが可能です。 記事ではDreamweaverの便利な機能を利用しつつ、まずmap・area要素を使

    SVGのイメージマップでレスポンシブにも対応。Dreamewaverで効率的なイメージマップ作成
  • プラグインInvisible reCAPTCHAを使ってreCAPTCHA v3のバッジを邪魔にならずに表示させる方法

    プラグイン ExUnit 9.93.0 以降では、Contact Form 7 の reCAPTCHA設定に対する補正機能を利用できます。以下に対応していますので、ExUnit をご利用の方はぜひご活用ください。 Contact Form 7 のフォームを配置してあるページにのみ reCAPTCHA のバッジが表示されるようにする ExUnit のページトップボタンが表示されている(有効になっている)場合は、バッジが被らないように位置を補正するCSSを出力する くわしくは、以下よりご確認ください。 WEBサイトにお問い合わせフォームを設置していると、フォーム経由で送られてくるスパムメールにお困りの方も多いのではないでしょうか。そんな時にスパム対策としてよく使われているのが Google reCAPTCHAです。 reCAPTCHAを問い合わせフォームなどに設置することで、スパムメールをぐっ

    プラグインInvisible reCAPTCHAを使ってreCAPTCHA v3のバッジを邪魔にならずに表示させる方法