ラジオボタンをクリックで解除可能にする

フォームで使われるラジオボタン。 一度選択してしまうと再読み込みでもしない限り、選択解除出来ない。 そこでチェックボックスのように再クリックで解除出来るようにしてみた。

YouTube動画を背景に使用する

例えばトップページなどで全面背景で表示されているアイキャッチ的な動画とか。 あれこれ試したけれど、最も簡単な方法が「jquery.mb.YTPlayer」だった。

レスポンシブでYouTubeの埋め込み

Youtubeをレスポンシブで埋め込む場合のメモ。 考え方としてはGoogle Mapをレスポンシブで埋め込むのと同様の方法になる。 何を今更のないようだけど備忘録。

メールフォームとreCAPTCHの設置

メールフォームには日本独特？の習わしとして「確認画面」が必要だ。 またスパムの餌食にもならないためにも、バリデーションも必須。 これらが可能なプラグイン「MW WP Form」にGoogleの「reCAPTCH v3」を付け...

WordPressの引越・移動の必須プラグイン

Wordpressの引越・移動を手軽に行えるプラグインたちには大変お世話になっている。 そんな秀逸なプラグインのご紹介。 ただ使用方法故に忘れがちになるためまとめとく。 （いづれも記事アップ時のものなので使...

レスポンシブの表組み③

複数列で更に見やすくなるんじゃないかと言う方法。 それが「position:sticky」だ。 今回は前回同様横スワイプを基本に、１列目の項目を見失うことなく見れるようにしてみる。

レスポンシブの表組み②

「複数列のレスポンシブ」のコードをまとめ。 基本的に縦方向にレイアウトは無理があるので「横方向にスワイプ（スクロール）」で処理する。 色んな方法が考えられるが、PC時のレイアウトをゴニョゴニョしない...

特殊文字　装飾数字

たまに必要になる「特殊文字」。丸数字とかその類。 CSSで装飾してしまえば問題ないが、面倒際なりない場合は機種依存しないように「文字実体参照 / 数値文字参照」を使う。

レスポンシブの表組み①

今やレスポンシブなのは当たり前。そんな時悩むところが「表組み」だ。 単純な「項目名と内容」の２列から複数列までスマホ時の表示をどう表現するか、今まで対処してきたコードのまとめ。

スケジュールカレンダー作成

カレンダーに「休業日」とか「スケジュール」なんぞ入れ込めるものが欲しいとの問い合わせ。 レスポンシブにするけどスマホ表示はどうする？と考えた場合、表組みだと難がある。 そこでブレイクポイント以下の...