The Acorn Spirit's Journey

aタグにtarget=”_blank”が設定されているとき、rel=”noopener”を付与する。最新バージョン。 　 javascript 　

送信ボタンをクリックしたら、バリデーションをチェック。エラーが無ければ確認ダイアログ（confirm）を出してOKボタンで送信する。 　jquery.min.jsとjquery.validate.min.js読み込み 　…

フルスクリーン表示にするためのボタンを用意して、そのボタンをクリックしたらフルスクリーン表示になり、Escキーで解除。 セキュリティ上の理由から、スクリプトによる自動フルスクリーン表示はほとんどのブラウザで許可されていま…

jquery.validate.jsを使用。カスタムルールを作成する。 ◆ひらがなのみ 　 ◆カタカナのみ 　 ◆日本語のみ 　 ◆英数字のみ 　 ◆英字のみ 　 ◆桁数指定 　 ◆数字のみ 　 ◆半角カタカナ、英数字、…

utf-8ばかりなこの頃ですが、最近、仕事でShift_JISで作る必要があり・・普通にShift_JISで作っちゃうと、Gulp経由は文字化けしちゃって仕事にならないんですよね。。 そこで、作業中はutf-8で作り（ロ…

《参考》matchMedia / MediaQueryList / addEventListener https://developer.mozilla.org/ja/docs/Web/API/Window/matchM…

スクロールすると、ふんわり表示されるアレ。今では多くのサイトで見かけるようになりましたし、仕事上でも、「ふんわり表示されるやつを実装してほしい」とのご要望もよくあります。最近制作担当したサイトでは、数件連続でふんわり実装…

チェックボックスがchecked（true）の時、またはチェックされていない（false）時に●●したい、というやつです。 これは結構よく使う。

個人的にですけど、画像の拡大表示によく使う「lightbox」。個人的にとは言いましたが、お仕事上でも「画像の拡大表示」にはよく使います。 もともと画像を配置していたけど、拡大表示にはしていなかった箇所。やっぱり拡大表示…

画像にhoverしたらimgタグのsrcを入れ替えて、他の画像を表示するというのはよく見かけますが、 imgタグにhoverできるとは限らない（画像の上に他要素が重なっているなどの）場合も多いのでサムネイル画像の親要素に…