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

はてなブログ:ネイキッドドメインでの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を読み込んでくれませんが広告表示に大きな問題はないと思います。 移行したサイトはこのサイトではなく次のサイトです…

はてなブログ:wwwありからwwwなしのネイキッドドメインに変更

前記事で、サブドメインで運用しているブログをネイキッドドメインに変更する方法を仮のドメインで試してみましたが、今回、実際に運用しているブログを移行してみました。 移行の準備 予想される問題点 https化でamazonの画像が表示されない ブログカードも…

はてなブログ:独自ドメインをネイキッドドメインに移行しリダイレクト、ads.txt

はてなブログを独自ドメインで運用する場合にサブドメイン(wwwなど)なしのネイキッドドメインで運用できるようになりました! ってことを知りませんでした(涙)。もう1年も前のことです。 はてなブログProで独自ドメインをご利用の際、サブドメインなしで…

はてなブログのカテゴリーを一括再構成

ブログを書き続けますと後からカテゴリーを再構成したくなることはありませんか? と思っても、過去記事が大量になりますとカテゴリーをつけ直すなんてことは現実的ではありません。その試みと結果です。 試みの具体例 はてなブログの記事をまるごと入れ替え…

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

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

フロッピー起動ハードディスク完全消去

すでにフロッピー・ディスクって何? という時代に入っていますが、なんと今回使う羽目になってしまいました。 ツールを英語サイトで検索する DBan (Darik’s Boot and Nuke) DBANでハードディスク完全消去 ツールを英語サイトで検索する 経緯はこういうこと…

Xiaomi Mi Mix 2s Teardown 分解

修理過程 このアンテナは何だ? Xiaomi Mi Mix 2s Teardown 分解 基盤用のコネクタを買ってみた 現在スマートフォンは、いわゆる中華スマホ Xiaomi Mi Mix 2s のグローバルバージョンを使っています。中華スマホは高性能のスマートフォンを結構安く購入でき…

スマホの充電基盤交換をやってみる Xioami Mi Mix 2s

前記事「スマホのバッテリー交換をやってみる Xioami Mi Mix 2s」の続きです。 スマートフォン Xiaomi Mi Mix 2s の充電ができなくなってしまい、バッテリーを中国から取り寄せて交換したのですが、それでも充電できず、さらに充電基盤(充電コネクタ)を交…

スマホのバッテリー交換をやってみる Xioami Mi Mix 2s

もうひと月以上前になりますが、メインで使っているスマートフォン Xiaomi Mi Mix 2s の充電ができなくなってしまいました。その修理経緯です。 症状と原因 バッテリーの注文、到着 バッテリー交換 ドライヤーで温めて吸盤で裏蓋を外す 裏蓋を少し削りカッタ…

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

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

GoogleFontsの日本語フォントが増えている

このサイトでは記事のタイトルなどに Noto Serif のボールドを使っていますのでサブセット版を作ろうと思い、久しぶりに Google Fonts へ行きましたら、日本語フォントも随分増えています。 Google Fonts の日本語フォント Google Fonts の使い方 サブセット…

はてなブログ:テーマを変えた imzReading

やっとこのブログのテーマを変えることができました。 変えようと思い始めて数ヶ月、なのに印象はあまり変わらない結果となりました(笑)。白ベースを基本にしていますのでまあこんなもんでしょう。 変更のポイントをあげておきます。 ブレイクポイント ボ…

はてなブログ:【決定版】記事一覧に「前のページ」ボタンを実装

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(7)。 はてなブログではトップページから「次のページ」をクリックして進みますと、「前のページ」に戻るためのリンクがありません。この「前のページ」のリンクを作ろうという話で…

Adsenseは画像内のテキストも調べている

映画のレビューを書いている「そんなには褒めないよ。映画評」という別サイトには、時々 Adsense からポリシー違反のメールが来ます。どれも映画の DVD の画像がアダルトコンテンツだと言ってくるのですが、上半身が裸に見えるようなバストショットであった…

はてなブログ:トップページに「前に戻る」を実装する(やや失敗)

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(6)。 ブログのトップページは一般的に新着記事を何件か表示するようになっています。はてなブログも、表示形式は一覧と全文形式がありますがどちらも最大15件まで表示できます。 で…

はてなブログ用ボトムナビゲーション Bottom Navigation V2

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(5)。今回はチップスというよりも機能追加のプラグイン的なボトムナビゲーションです。 カテゴリー、検索、トップへ、ページャーへ、ホームへの5つのナビゲーションをひとつにまとめ…

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

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

はてなブログ:モジュールを伸縮させて高さを揃える

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(4)。正月休み中にもほんとど触れずいっこうに進んでいません。 今回はサイドバーモジュールを本文下に横並びで並べた時に高さを揃えようと思います。 何をやろうとしているか 画像…

はてなブログ:ブレイクポイントを本文表示幅で決める

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(3)。なのに忙しくて一向に進みません(笑)。 レスポンシブデザインのブレイクポイントについて考えてみます。 まず本文の表示最大幅を決める 本文表示幅 92vw可変、最大幅 650px …

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

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