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

エッセイ風の日記ブログ

2019の投稿を表示しています すべて表示

陸上自衛隊の歌姫/鶫真衣のいのちの音は死の恐怖に打ち勝つ勇気そのものだ

イメージ

鶫真衣 というソプラノ歌手、澄み渡る青空のような魅惑的な声の歌姫を擁する 陸上自衛隊中部方面音楽隊 のアルバムの いのちの音 から同名の表題曲を聴いて正しく死の恐怖に打ち勝つ勇気そのものが表現されていると感じながら人生の励ましに満ちたエールを受け取った。 陸上自衛隊中部方面...

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

イメージ

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

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

イメージ

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

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

イメージ

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

Bloggerブログのテーマのhtml編集/テンプレートのソースコードの基本構造と使用可能な独自タグについて

イメージ

Bloggerは無料のブログサービスとして何よりも サーバーの強制広告が付かないのとGoogleフォトから軽量で高画質の写真を載せられるのが何よりも素晴らしいと感じる けれどももう一つ面白いと心惹かれるのは豊富な独自タグを使った特有のサイト作成なんだ。 サイト作成のコーデ...

Bloggerの画像なしの投稿のスニペットに専用のサムネイル画像を表示する方法

イメージ

Bloggerの公式テーマのテンプレートで記事の抜粋のスニペットがインデックスページやサイドバーに置かれる場合に画像なしの投稿については文章だけしか載らない。専用のサムネイル画像を予め用意しておいて画像ありの投稿と変わらずに表示するようにスニペットのデザインを変えるカスタマイズ...