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

エッセイ風の日記ブログ

ラベル(プログラム)が付いた投稿を表示しています すべて表示

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

イメージ

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

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

イメージ

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

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

イメージ

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

Bloggerブログでフッターやサイドバーなどの文章が太字や斜体に変わる原因を突き止めた

イメージ

ブログのテンプレートを Bloggerの公式テーマのContempo に変更してからトップページのデザインが偶に崩れてフッターやサイドバーの文章が予定外に太字や斜体に変わるのを苦しんでいた。 幾つも記事の抜粋が並んでいて途中から起きていて気付いたのは記事の本文に太字や斜体のh...