JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 タップでキラキラ
コードエディター 本文 <canvas id="canvas"></canvas>カスタムJavaScript const handleEvent = (e) => { const clientX = e.touches ? e.touch...
JavaScript JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 元号・西暦変換（経過年数付き）
元号 → 西暦 変換 元号を選択 令和 平成 昭和 大正 明治 年を入力 西暦 2019 年 今から 7 年前 コードエディター 本文<div class="container"> <h2>元号 → 西暦 変換</h2> <label>元号...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 カウントダウンタイマー(自動更新)
🎄クリスマスまであとコードエディター 本文🎄クリスマスまであと<span id="countdown-display"></span>カスタムJavaScriptfunction updateTimer() { const now = ne...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 流れ星
スマホの画面で流れ星が山の向こうに消えるようにCSSで山の画像(透過PNG)を重ねるコードエディター 本文<div class="image-container" id="container> <div class="star-contai...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 クリックで画像を入れ替える
↓画像をクリックコードエディター 本文<img id="myImage" src="imageA.jpg" alt="画像A" style="cursor:pointer; width:600px;">カスタムJavaScript// 画像...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 波
元の画像コードエディター 本文<p><canvas id="waterCanvas"></canvas></p>カスタムJavaScriptconst canvas = document.getElementById('waterCanva...
色 ホームページの配色
HP製作者が「色覚異常の人も見やすいページ」を作るとき何色を使ったら良いか悩むかも知れませんその時は《色に頼らないページ》にして色はイラストと同じようにアクセントとして考えれば何色を使っても問題ありませんグラデーション以外で複数の色が繋がっ...