2021-07

HTML

[カウントダウンタイマー表示]指定の日時以降に内容を変更させる[JavaScript]

指定した日時の前後で内容を変更させるシンプルなコードです。変更されるまでの時間を表示するカウントダウンタイマーを合わせて表示します。 使用デモ 年が変わるまでです。 あけましておめでとうございます! *上記のみだと実際に変更さ...
JavaScript

[Contact Form 7]送信時にボタンを非アクティブにし送信中と表示&ローダー画像の位置調整を行う

WordPressのプラグイン「Contact Form 7」の送信時のアクションが微妙に気付きにくい事と、ローダーの位置調整が難しいと感じたので合わせて調整をしたいと思います。 2021/12/8 : 「Contact...
CSS

[CSSのみ]オートループするカルーセルスライダー

CSSのみでレスポンシブ対応のカルーセルスライダーを作ってみました。 *画像2~8枚のサンプルを記載した記事を公開しました。 目指したもの CSSのみで作るオートループするカルーセルスライダー画像数を変更可能...
CSS

[CSSのみ]複数の画像を泡の様にフェードイン・アウト

CSSのみでシンプルに複数の画像を泡の様にフェードイン・アウトさせます。 仕様デモ ...
JavaScript

[Contact Form 7]送信完了時にモーダルウィンドウを表示する

「Word Press」用プラグイン「Contact Form 7」は使いやすい便利なメール送信フォーム作成プラグインです。 しかし、メール送信完了時のアクションがフォームの下に文言が追加されるだけとなっており「メールが...
タイトルとURLをコピーしました