CSSで変数っぽく使えるインクリメント変数で連番がスマートに!

CSSは基本的に変数は使えませんが、連番を表現するときは動的に順番の「値(数字)」を取得してくれる関数?値?が用意されています。 よくあるのは、ブログとかのランキングで「○位」みたいな指定をするときでしょうか。動的に順番 […]

Sassを使うメリットとよく使う機能を4つだけ厳選!

Sassは、CSSを拡張した言語で、利用する主な目的としては「CSSを管理しやすくするため」です。 平面にベターっと並ぶCSSはとてつもなく見づらく管理しずらい圧倒的なデメリットがあります。CSSが数千、数万行となったと […]

「Advanced Custom Fields」の使い方と出力方法のまとめ

投稿や固定の編集画面の拡張に欠かせないのが「Advanced Custom Fields」というプラグインです。 投稿の編集ではタイトルとコンテンツしか入力できないので、URLを別の独立した値として持っておきたい、テキス […]

ボタンでアローアイコンをCSSで表現する3つの方法

ボタンでアローアイコンをCSSで表現する3つの方法です。 ボタンでアローアイコンをCSSで表現する3つの方法 ボタンでアローアイコンを表現する3つの方法です。 背景画像 疑似要素 HTMLタグ の3つがあります。 今回使 […]

斜めの背景を作るためのCSSは「回転させて元に戻す」で書く!

斜めの背景を作るためのCSSの書き方です。要素全体を傾けて中の要素で元に戻すという無理やりぎみな方法となります。 たぶん、はじめて斜めの背景を作る時に困ると思います。わたしの場合、斜めで背景を再現しようと思った時に3パタ […]