バグ取りの日々

やりたいこと 「 <img> で height 属性を指定するが、領域の横幅が width 属性の指定を下回る場合、横幅の縮小に合わせてアスベクト比を維持したまま縦幅も縮小する」です。遅延読み込みやリフロー（レイアウト）の再実行防止などで画像の幅高さを事前に指定する必...

はじめに 当ブログでは、ブログ上のソースコードをハイライト表示するライブラリを利用しています。ソースコードには、予約後や文字列、数値など予め予測できる書式が多数存在します。それらを指定の色や書体でハイライト表示することで、ソースコードを読みやす表示しています。 これまで CDN上...

はじめに Bloggerのコメント欄改善です。標準jsを読み込めば、返信（リプライ）できるようにできます。ですが、できるだけスクリプトを使用したくないため、自作して最小限のスクリプトで済ますようにします。 仕様 コメントをJavaScript無効で表示する...

はじめに ブログの font-family 決定版です。下記の長い長い調査結果を踏まえた最終案です。 font-familyを調べまわった結果のまとめ font-familyのソースコード用等幅フォント設定 有名サイトのfont-familyを調べてみた ※ブログの設定変更時に加...

当ブログのfont-family選定の作業の一部です。決定版は次の記事参照です。 ブログのfont-family決定版 有名サイトのfont-family font-family Google - https://www.google.co.jp/ font-family: ar...

はじめに ソースコードを表示することを考慮した等幅フォント用の font-family を選定します。なお、決定版は、下記のリンク先です。次に示す残提案は当ブログでは、使用していません。 ブログのfont-family決定版 暫定案（もしくは、ただの全部載せ） font-fami...

はじめに 文章の読みやすさやフォントの綺麗さを考慮した font-family を選定します。なお、決定版は、下記のリンク先です。次に示す暫定案は当ブログでは、使用していません。 ブログのfont-family決定版 暫定案（もしくは、ただの全部載せ） font-family b...

忘却録。 現象 当ブログでは、Firefoxで印刷（印刷プレビュー）すると、2ページ目以降が印刷されない。1ページ目のみ印刷される。現象でした。 他のブログを確認してみたところ、コンテンツ部分を１ページに収まる範囲のみ印刷していました。ヘッダー・フッターが別ページに印...

忘却録。 コード addLocalStyle.js // CSSを追加する function addLocalStyle(text) { var style = document.createElement('style'); style.textCont...

画像のない <img> のSEO対策です。 問題 画像のない <img> を配置して、alt属性がないと警告を受ける。画像には、alt属性を付けましょう…。 だが、alt属性をを付けるとalt属性の文字列が表示されてしまう。alt属性の文字列が画面上に表示...

はじめに 「FontAwesomeをJavaScriptなしで使用する方法」または、「FontAwesomeの一部のアイコンを使用する方法」です。 JavaScript無効環境でFontAwesomeを使用したページを閲覧すると文字化けしたような表示になるのを目にし...

この記事は、既に最新ではありません。最新の関連記事は、「 Blogger用の関連記事表示機能：FeedRelatedPosts.js 」を使用しています。 「 Bloggerに関連記事を表示する 」の続きです。 「A Simple Related Posts Widget For...

Chrome、Firefox、Edgeの拡張機能は、WebExtensionsで共通化しました。ですが、細かい部分が異なるため、コードを共通化する必要があります。拡張機能でブラウザを判定する方法のまとめです。 JavaScript // ブラウザ判定 function ...

This article is the English version of the following article. Only important parts are extracted. Firefox Quantum コンテキストメニュー編集の代替 Co...

忘却禄です。 環境準備 userChrome.cssの作成 Firefoxのプロファイルのパスへ移動する FirefoxのURLバーに「 about:profiles 」を入力して、「プロファイルについて」ページを表示する ルートディレクトリーのフォルダを開く ルートディレクトリ...

Blogger標準のソーシャルボタンでは、満足できなかったので自作してみた。 完成したソーシャルボタン Twitter, Google+, Facebook, Pocket, Hatenaのソーシャルボタン 画面サイズにより表示を簡略化 マウスのホバーで透過のアニメ...

Bloggerテンプレートのtable要素の見た目に満足できなかったので変更したコードです。 結果 順位 タイトル 価格 1 漫画 君たちはどう生きるか ￥1,404 2 モデルが秘密にしたがる体幹リセットダイエット ￥1,080...

Firefox Quantum ダウンロードステータスバー代替え のWX Download Status Barのスタイル変更部分の記事です。 筆者は、ダウンロードステータスバー代替を現在別方法で行っているため、これ以降の当記事の更新はないものと思われます。 WX Do...

DuckDuckGoが良いらしいと聞いたので使ってみたけど、使いにくかったので出来る限り使いやすいようにしてみた。 結果 NoScript環境(DuckDuckGoのJavaScript無効) GreasemonkeyからユーザスクリプトでSearch Preview互...