スキップしてメイン コンテンツに移動

エッセイ風の日記ブログ

ラベル(html)が付いた投稿を表示しています すべて表示

Search ConsoleでURL検査のライブテストのスクリーンショットが途中で切れる

イメージ

Search Console が去年から大きく改変されて少しずつ機能を引き継ぎながら一年かがりで漸く以前のバージョンと遜色がないくらいまで辿り着いたところだけれどもとても気がかりな部分が一つある。ブログのURL検査のライブテストのスクリーンショットが途中で切れるから Googl...

無限スクロールを作成する|JavaScriptのIntersection ObserverにFetchを組み込んだプログラム

イメージ

サイトの無限スクロールのプログラムのアイデアは大きく二つの部分に分けられる。一つは要素判定で、今のページが画面のどこまで来たら次のページを表示するように動作するかを決める。もう一つは生成処理で、次のページをAjax通信でサーバーから読み込んで今のページに実際に追加する。JavaS...

Bloggerの投稿の投稿の設定:ラベルとスケジュール/公開とパーマリンクと検索向け説明と場所とオプションについて

イメージ

Bloggerの投稿の入力画面の右側に投稿の設定のオプションがあって色んな項目が並んでいる。何れも特殊な機能で、ちょっと分かり難いと感じる。基本的な使い方とどのように動くかの気付いた点を纏めておきたい。 投稿の投稿の設定 via Blogger 目次 ラベル ...

JavaScriptで開いたメニューの外側を暗くして範囲外のクリックでも閉じる方法

イメージ

サイトに 開閉ボタン でメニューを出した際のエフェクトとして外側を暗くすると見易い。そして開閉ボタンだけではなくて開いたメニューの範囲外、または新しく表示された領域外のクリックでも同じように閉じられると使い易い。どう作成するべきか、JavaScriptで実行するプログラムを考え...

JavaScriptのonclickとclassListとsetTimeoutを使ったアニメーション付きの開閉ボタンのプログラム

イメージ

サイトのハンバーガーメニュー(≡)などのコンテンツを出し入れできる開閉ボタンをJavaScriptで作成するプログラムには二つの大きな部分がある。 要素のクリックを判定する コンテンツに表示変更を行う JavaScriptのプログラムではクリックを判定するHTMLの要...

BloggerブログでIntersection Observerの画像の遅延読み込みをかけるカスタマイズ

イメージ

サイトの表示速度を上げるために画面に入らなくてまだ表示される必要のない画像を画面に入って表示される段階で初めてブラウザに読み込ませるという画像の遅延読み込みの方法がある。 個人的に訪問者だけではなくて検索エンジンにも画像が把握できて検索結果へのサイト評価のSEO対策(検索...