JavaScript

JavaScript

WordPress – Contact Form 7でブラウザを閉じても入力内容を保持するGarlic.jsを使う

以前ご紹介したGarlic.jsをWordPressのプラグイン「Contact Form 7」で利用する方法です。フォームの <form> タグにカスタムデータ属性(data-persist="garlic")を追加する必要があるわけです...
CSS

WebP画像と従来画像を振り分ける.htaccessとpictureタグとmodernizr.js

JPGやPNGなどの従来画像とWebPが混在した実際の活用で、WebPに対応していないブラウザや、記事の画像関連の記述変更が煩わしい場合に、pictureタグや.htaccessの記述で従来画像とWebPを出し分ける方法をまとめます。
JavaScript

jQuery – フォームの入力内容をブラウザを閉じても保持するGarlic.js

測定日や測定値などを複数メモる日常点検のような業務で、手帳にメモるのが面倒なのでスマートフォンからフォームに入力してメール送信したいということがありました。しかし広範囲をチェックして回るので、その間にブラウザが閉じてしまったり更新してしまっ...
JavaScript

WordPress – flamingoに保存されたContact Form 7のデータをHighchartsでグラフ化する(デモあり)

WordPressのプラグイン flamingo は、メールフォームプラグイン Contact Form 7 の送信データをデータベース上に保存するプラグインです。このデータをグラフ化する案件があったので覚書です。とある装置の日々の測定デー...
HTML

HTMLエンティティツール

HTMLエンティティツールは、ブラウザがHTMLを表示する際に特別な意味を持つ記号("&'<>^~など)を特別な処理をせずに通常のテキストとしてそのまま出力させ、コード掲載などに使えます。エンコード・デコードの相互変換が可能です。