ラベル「CSS」の付いた投稿を表示しています。

Google検索に順位(連番)を表示する

投稿日 2021/04/15
thumbnail
はじめに Google検索に順位(連番)を表示するユーザスタイルです。 検索がちょっとだけ便利になります。 結果の表示例 簡単な説明 CSSの counter 関数を利用して、検索結果のタイトルに連番を計算します。計算した連番を ::before の content プロパティを...

すべてのページで標準のスクロールバーを表示する

投稿日 2021/02/26 更新日 2021/02/27
thumbnail
はじめに 様々なウェブページがあります。この頃、モバイル対応やレスポンシブ対応の結果、デスクトップ環境のサイトでもスクロールバーを非表示にするサイトが出始めました。 モバイル環境であれば、スクロールバーを非表示にして表示領域を確保するのは良い方法です。ですが、デスクトップ環境では...

HTMLで高さ指定あり画像をアスベクト比維持自動縮小する

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

SyntaxHighlighter.jsからhighlight.jsへ移行しました

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

Bloggerのコメント欄を標準jsなしで返信可能にする

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

ブログのfont-family決定版

投稿日 2020/02/07 更新日 2021/01/28
thumbnail
目次 はじめに 通常フォント 通常フォントの別フォント順案(覚書) 等幅フォント 等幅フォントの別フォント順案(覚書) その他(覚書) 関連 はじめに ブログの font-family 決定版です。下記の長い長い調査結果を踏まえた最終案です。 font-familyを調べまわった...

有名サイトのfont-familyを調べてみた

投稿日 2020/02/06 更新日 2020/03/11
thumbnail
当ブログのfont-family選定の作業の一部です。決定版は次の記事参照です。 ブログのfont-family決定版 有名サイトのfont-family font-family Google - https://www.google.co.jp/ font-family: ar...

Firefoxでページの一部が印刷されない

投稿日 2020/01/31 更新日 2021/02/28
thumbnail
忘却録。 現象 当ブログでは、Firefoxで印刷(印刷プレビュー)すると、2ページ目以降が印刷されない。1ページ目のみ印刷される。現象でした。 他のブログを確認してみたところ、コンテンツ部分を1ページに収まる範囲のみ印刷するものもありました。ヘッダー・フッター・コンテンツが別ペ...

画像のないimgタグのSEO対策

投稿日 2019/05/15 更新日 2020/03/22
thumbnail
画像のない <img> のSEO対策です。 問題 画像のない <img> を配置して、alt属性がないと警告を受ける。画像には、alt属性を付けましょう…。 だが、alt属性をを付けるとalt属性の文字列が表示されてしまう。alt属性の文字列が画面上に表示...

Bloggerの関連記事表示を強化する

投稿日 2018/07/23 更新日 2020/03/21
thumbnail
この記事は、既に最新ではありません。最新の関連記事は、「 Blogger用の関連記事表示機能:FeedRelatedPosts.js 」を使用しています。 「 Bloggerに関連記事を表示する 」の続きです。 「A Simple Related Posts Widget For...