JavaScript スクロールで数字が増えるカウントアップアニメーション「jquery-numerator.js」
サイト制作をしていると、こんな要望が出てくることがあります。クライアント画面をスクロールしたら、数字がゼロから特定の値まで増えていくアニメーションを付けたいんだけど。どういうことか言うと、採用サイトやコーポレートサイトなどで、何らかの数値を...
Web制作
JavaScript 
CSS 【CSS】三角形の簡単な作り方2種類（borderとclip-path）
Webサイトをコーディングしていると、三角形のデザインをCSSで再現することがありますよね。でも、三角形って地味に作るのが難しい…従来はborderプロパティを使用して三角形を作ることが多かったと思いますが、なぜborderで三角形が作れる...
ライブラリ ScrollHintの使い方｜スマホで横スクロールに気づかせるUIの実装方法
Webサイトをコーディングしているときに、テーブルや横長の画像は、スマホのような画面幅が狭いブラウザで閲覧するときに、縮んでしまってみづらくなったりデザインが崩れてしまうことがありますよね。そんな時は、CSSでoverflow-x: aut...
WordPress 【HTML】静的サイトにお問い合わせフォームを実装する方法【WordPress】
ホームページを制作する場合、お問い合わせフォームを実装することが多いかと思います。WordPressサイトであれば、Contact Form 7やMW WP Formなどのプラグインを使用して、そこまで難しくなくお問い合わせフォームを実装で...
WordPress 【初心者必見】Web制作でお問い合わせフォームを実装する際の注意点【WordPress】
WordPressでお問い合わせフォームを実装するときは、送信できることだけでなく、入力エラー、キーボード操作、メール到達性、迷惑送信対策まで確認する必要があります。Contact Form 7などのフォームプラグインを使う場合にも共通する...
CSS 【CSS】inputタグのボタンに疑似要素などで装飾する2つの方法
Web制作でホームページなどを構築する時、お問い合わせフォームを実装することが多いかと思います。お問い合わせフォームには問い合わせ内容を入力した後にinputタグで送信をボタンを作成することがありますが、このボタンに疑似要素で矢印などの装飾...
CSS 【display:noneはNG】自作ラジオボタン/チェックボックスをTABで操作する
Web制作で、お問い合わせフォームを実装するにあたり、デザインカンプを再現するためにラジオボタンやチェックボックスを自作するケースが多いかと思います。その際、デフォルトのラジオボタンやチェックボックスを「display:none」で非表示に...
WordPress 【MW WP Form】ビジュアルエディターをオフ/非表示/無効にする方法
Web制作でWordPressサイトにお問い合わせフォームを実装する際、MW WP Formを使うことがあるかと思います。MW WP Formは保守中の既存サイト向けとして利用し、導入前にWordPress公式ディレクトリで最新の対応状況を...
WordPress 【コピペOK】MW WP Formで勝手に挿入されるpタグ・brタグを削除する方法
WordPressサイトでお問い合わせフォームを実装する時、MW WP Formを利用することがあるかと思います。MW WP Formは保守中の既存サイト向けとして利用し、導入前にWordPress公式ディレクトリで最新の対応状況を確認して...
WordPress 【MW WP Form】入力エラー時にフォームまで自動スクロールで戻る方法
WordPressでサイト制作をする際、かなりの確率でお問い合わせフォームを実装することになるかと思います。MW WP Formは保守中の既存サイト向けとして利用し、導入前にWordPress公式ディレクトリで最新の対応状況を確認してくださ...