WordPress:はてなから移行する場合の permalink rewrite プラグイン

ある日突然、はてなブログから Wordpress に移行しようかと思い始めました。はてなブログの契約がまだ1年ありますのでその間にいろいろ調べてみようと思います。 パーマリンク(URL)の維持 記事データのインポート Wordpress のパーマリンク設定 はてなブロ…

Windows10 に Linux 環境(wsl2)

ちょっと時間が取れたときに遊べるようにと Windows10 にも node.js を入れているのですが、Linux 環境に統一できないかと wsl(Windows Subsystem for Linux)を入れてみました。 Windows Subsystem for Linux wsl2 のインストール wsl2 実行のための要件 …

Javascript:1行挿入でスムーススクロール imzSmoothScroll

「CSS:scroll-behavior:smooth を使わないわけ」で紹介した自作のスムーススクロールを公開します。 特徴 Javascript imzSmoothcroll の使い方 個別にスムーススクロールを呼び出す場合 ライセンス等 特徴 jQuery などのライブラリーを必要としない素の Jav…

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 を指定する場合が多いと思いますが、要素の長さがデバイスの表示高よりも長い場合にスクロールさせ、かつ非タッチデバイスの場合にスクロールバーを非表示にし、背景を固定しスク…