(115) マウスホバーされた時&外れた時に処理を実行したい。
1. やりたいこと マウスホバー時に自分の色を変えるぐらいであれば CSSだけで実現できる。 でも… マウスホバーされた時&外れた時に もっと複雑な処理をしたい! のひな形を作ってみたい。 2. やってみる … 続きを読む »
1. やりたいこと マウスホバー時に自分の色を変えるぐらいであれば CSSだけで実現できる。 でも… マウスホバーされた時&外れた時に もっと複雑な処理をしたい! のひな形を作ってみたい。 2. やってみる … 続きを読む »
1. やりたいこと CSSで色々なアニメーションを作ったが @keyframes で時間経過に応じてパラメータを変化させるものばかりだった。 でも… @keyframes を使わなくてもアニメーションさせられ… 続きを読む »
1. 知ったこと 恥ずかしながら :nth-child という書き方を知らなかった。 CSSを書くときに、配列要素に対してその序数で指定が出来るのだそうな。 2. 実際に使ってみる こんなコードを書いてみた。 <p… 続きを読む »
後でいろいろと追記する。 例えば、画像も含めてページの内容がすべてダウンロードされた後に body 配下に div を一つ作りたい場合は? 下記のように外でやると「documentが nullだよ」って失敗する。 Nat… 続きを読む »
後で清書 mix-blend-mode を使用する。 「差分」ならば、以下のように書く。 mix-blend-mode: difference; 注意点 mix-blend-mode を乱用していると、描画モードの指定が… 続きを読む »
1. 問題発生 ホームページの挿絵をパワポで作成したが 低解像度で出力されてしまって汚い! そこで… 編集中と同じように、キレイな画像で出力したい! 2. 解決方法 出力画像の解像度を上げればよい。 以下、M… 続きを読む »
1. 問題発生 開設してから三か月も経過したホームページがある。 通常は一か月程度でヒットするようになっていたのだが、今回はなぜか遅い。 そこで… Google Search Console から インデック… 続きを読む »
1. 問題発生 Google AdSenseの指示に従って ads.txt を本ブログのルートドメイン dogrow.net に設置した。 確認のために WEBブラウザで以下を入力してアクセスしてみた。 http://d… 続きを読む »
とりあえず結果だけを記録しておく。 ToDo : 後で検証・整理すること。 iPhoneの Safari, Chromeでは、以下の書き方だと正しく値が取れない。 この情報をもとに座標計算すると、表示位置がずれてしまう&… 続きを読む »
1. やりたいこと JavaScriptで複数行にまたがって文字列を書きたい。 PHPで書くなら以下のような書き方、いわゆる ヒアドキュメント だ。 最近は JavaScriptでも テンプレートリテラル なる機能で楽に… 続きを読む »