Javascript:ページ最下部までスクロールするための最上部は?

Javascript で単純にページの最下部まで移動するには、window.scrollTo(0,document.documentElement.scrollHeight); で一瞬に移動します。ただ、スムーススクロールで最下部まで移動するためにはページの最下部に移動した時のスクロールトップ(ブラウザの左…

CSS:scroll-behavior:smooth を使わないわけ

ページ内のリンクをスムーズに移動するには、CSSのみ、jQuery、素の Javascript といろいろ方法があり、とにかく一番簡単なのは一行ですむ CSS による方法ですが、残念ながらイージングが指定できません。 比較用デモサイト CSS によるスムーススクロール 問…

Joomla! 3.9.28 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.28 セキュリティ & バグフィックスがリリースされています Joomla 3.9.28 Release セキュリティレベル Low 5つのセキュリティ & バグフィックス 3.9.28 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Joomla…

CSS:クラス名にnth-of-type, nth-child を指定する場合の注意

CSSの擬似クラス、nth-of-type は nth-child とともにリストの中の何番目などと指定する場合によく使います。その2つの違いは理解していても、クラス名に対して指定する場合は要注意です。今回ハマったケースがありますので整理してみます。 nth-of-type と…

CSS:文字を一文字ずつ表示する(タイプライター)

CSSの小ネタです。 文字を一文字ずつ表示する CSSだけで文字を一文字ずつ表示するアニメーションです。 おお、やった!Javascript使わなくてもできるじゃんと思ったんですが、どうやらネット上にはゴロゴロしているようです(笑)。 右下の Rerun をクリック…

Ubuntu:21.04 日本語 Remix を入れてみた

自宅でブログを書いたりするのに使っているレノボの E420には Ubuntuを入れているのですが、2、3日前から液晶画面がパカパカと煽るようになり、はっきりした原因は不明のまま、結局まるごと Ubuntuを入れ替えることにしました。 液晶画面がパカパカ煽る Ubun…

CSS:fixedの要素をスクロールバーなしでスクロールさせる

サイトのメニューをオーバーレイで出す場合には、その要素に position:fixed を指定する場合が多いと思いますが、要素の長さがデバイスの表示高よりも長い場合にスクロールさせ、かつ非タッチデバイスの場合にスクロールバーを非表示にし、背景を固定しスク…

はてなブログ:ネイキッドドメインでのads.txtは不可能そう…

はてなブログを wwwつきから wwwなしのネイキッドドメインに変更して19日になりますが、Adsenseが ads.txtを読み込んでくれません。それ以外は問題なく進んでいます。 経緯 Javascript リダイレクトではダメ(のよう…) curlコマンドで調べてみる 結論 経緯 …

Joomla! 3.9.27 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.27 セキュリティ & バグフィックスがリリースされています Joomla 3.9.27 Release セキュリティレベル Low 3つのセキュリティ & バグフィックス 3.9.27 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Joomla…

はてなブログ:wwwなしに変更、ネイキッドドメインその後

はてなブログを wwwありから wwwなしのネイキッドドメインに変更して1週間になりますが、なにも問題は起きていません。Adsenseが ads.txtを読み込んでくれませんが広告表示に大きな問題はないと思います。 移行したサイトはこのサイトではなく次のサイトです…