CSSの兄弟要素の範囲指定

順番を指定する「:nth-child()」などの擬似クラスでは変数「n」を指定することができます。変数「n」を使って兄弟要素の範囲を指定してみましょう。

 CSSの接頭辞と接尾辞

CSSのクラスセレクタ名に接頭辞と接尾辞の仕組みを取り入れた一歩進んだセレクタの書式を紹介します。

 WordPressの固定ページにカテゴリーやタグを使えるようにする設定

ワードプレス(WordPress)をいじっていろいろなサイトを作っていると「固定ページでもタグが使えたらな」とか「投稿ページと同じカテゴリーに固定ページを分類したいな」とか思う事がります。機能的に無理かと思ったらそんなことはありませんでした。固定ページにカテゴリーやタグを使えるようにするソースを見つけたのでメモです。

 WordPressで固定ページの子ページの総数を表示する

以前「HTML & CSS 問題」を制作した際、登録した問題の総数を表示したくていろいろ調べて事を記事にしました。

 リスト項目 li(list item|リスト・アイテム)

項目のリストを表示するタグとして使うのが『リスト項目 li(list item|リスト・アイテム)』です。 箇条書きリスト、番号リストの各項目に使います。

 次世代画像フォーマット『WebP(ウェッピー)』の話

日頃、Webサイトを運営しながらアクセスログを除いていると7割以上がスマートフォンで閲覧している事がわかります。スマートフォンの創世記から考えると今の端末はすごい速度で進化しています。そして5Gの環境整備も進んでいます。そんなスマートフォン向けにWebサイトやコンテンツを考慮するとどうしても次世代画像フォーマットの話になるのですが、今だにハッキリとした決定打がある状況ではないのですが、そうも言っていられないのが現状です。そこらへんを簡単にまとめてみました。

 Webサイトのコーディング例でみるHTMLの遍歴

長年Webサイトを作る仕事をしていると、それに用いる技術の遍歴を感じます。HTMLやCSSの技術も、ひと昔前から考えるとだいぶ変わりました。ここでは簡単なコーディング例からここ数年のHTMLとCSSの移り変わりを紹介します。

 WordPressで固定ページの子ページにランダムに飛ぶリンクボタン

四択クイズの動きを WordPressの中に組み込みたくて色々考えていた時に見つけたソースを紹介します。

 番号リスト(orderd list|オーダード・リスト)

文章ではなく項目やリストの表示を司るタグはいくつか存在します。その一つがこの『番号リスト(orderd list|オーダード・リスト)』です。例えば、手順の必要な項目や、番号をつけないといけないリストなどが当てはまります。