「CSS」 一覧

個人でAIを使うのと、組織でAIを使うのって別物だなって気がしています。 そんなことをぼんやり考えていたところ、会社に独自のコーディングルールがあり、それをAIがチェックできたら楽だなと思ってv0で生 ...

レスポンシブデザインで「PCでは123、スマホでは213の順番で表示したい」といったケース、ありませんか？JavaScriptを使わずに、CSSのorderプロパティだけで実現する方法をご紹介します。 ...

CSS変数（カスタムプロパティ）は、色やサイズの再利用に便利な機能です。では、**背景画像のパスもCSS変数で管理できるのか？**と考えたことはありませんか？ 実は、画像パスの一部として変数を使うこと ...

CSSは常に進化を続け、開発者に新たな表現力と効率性をもたらしています。その中でも、近年注目を集めているのが :has() 疑似クラス です。従来のCSSセレクタでは難しかった「特定の子要素を持つ親要 ...

display:flexでPCの時は横並び、SPの時は縦並びにレイアウトしていきます。 HTMLは3つのBOXを作ります。リストタグでレイアウトしていきます。 それではレイアウトを組んでいきましょう。 ...

sassのwatchコマンドでよく使うものの覚え書きです。 sass --watch --sourcemap=none --style expanded style.scss:style.css

案件で游ゴシックや游明朝を指定する機会が多くなってきたのですが、IEで使うと余計な余白がついてしまい、見栄えがよくありません。そこでCSSハックを使ってメイリオにしたりします。 そこで、IEのみに指定 ...

See the Pen font-feature-settings by This is standard (@koutafunahashi) on CodePen. コーディングしてて游ゴシックをカ ...

See the Pen maker background by This is standard (@koutafunahashi) on CodePen. ポイントはtransform: skew( ...

こんにちは。画像を使わず、cssだけでhistoyページでよくつかう縦線の装飾します。 ■完成したレイアウト See the Pen history page decoration by 舟橋 幸太郎 ...