タグ「JavaScript」が付けられているもの
スクロールして、要素が可視領域に入ると次々に表示されるようなページを作りたい。 以前は、 スクロールイベントを常に監視してスクロール値を取得し、要素が可視領域に入ったかどうかをチェック 要素が可視領域…
さて、前々回:ウェブページをダークモード対応にする。 そして 前回:ウェブページのダークモード化。画像が目立ちすぎるので何とかする。 で、OSがダークモード/ダークテーマに設定されている場合に、ダーク…
さて最近は、OS(またはブラウザ)でダークモード/ダークテーマが使用されていると、それに応じでダークな感じのウェブページを表示してくれるサイトが増えています。 個人的には、この挙動はとても好ましいと思…
さて、Twitterの先行きがなかなか信頼し難いので、Mastodonのアカウントを作ってみたのです。 アカウント作成自体は お好みのインスタンスを選ぶ。 アカウントを作成する。 (必要であれば)プロ…
ウェブページに、JavaScriptで独自のキーボード・ショートカットを追加してみましょう。 1から自分で書くのも良いけれど、キーコードを調べたりするのが面倒くさかったりします。以下のページで配布され…
フォームに入力したデータの二重送信を防ぐために、送信ボタンを1回押したらすぐに無効にして2度押しできないようにしたい。 方針としては… フォームの onsubmit イベントを検知したら、送信ボタンの…
さて、「ウェブページで縦書き表示」に取り組み始めてから早、10年。 → h2vR.js - 縦書きを実現するJavaScript - tategaki.info "スタイルシートで強引に縦書き…
以前の記事で、「最新のWordPressで、縦書きレイアウトが正しく表示されない」という事象への対処方法を書きました。 問題を生じさせているWordPressのスタイルシート(id="wp-block…
※ この記事には更新版があります。こちら『【続:縦書き h2vR.js】WordPress 5.x での表示不具合を解消する。』をどうぞ。 ウェブページで縦書きを実現するスクリプト・h2vR.jsで…
テキストエリアの中でタブを入力しようとすると、次の input 要素にフォーカスが移ってしまい、入力できません。これは不便。 JavaScriptでキーボード入力を監視して、tabキーが押されたらカー…