note

CSSで作るギザギザパターン

/* * * CSS file * * */ :root { --bg-accent-color: #ecde76; --bg-base-color: #52b0a7; --font-size: 22px; --bg-pattern-size: 4em 4em; } body, html { margin: 0; padding ...
コリス

[CSS]CSSスプライトの利点と潜在的な問題点、そして解決方法

CSSのテクニックに中でも最も使用されている一つ、CSSスプライトの利点と潜在的な問題点、そしてその解決方法を紹介します。 最近のフロントエンドの開発に必要不可欠なテクニックの一つにCSSスプライトがあります。このテクニックはA List Apartの記事「CSS ...
note

CSSで作る和風パターン

/* * * CSS file * * */ :root { --bg-base-color: #bd3440; --bg-line-color: #d8ba66; --bg-size: 4.5em 3em; /* 1.5 : 1 ratio */ --font-size: 22px; } html, body { margin ...
コリス

[CSS]デザイナーには透明に見えてしまう背景を実装するスタイル ...

透明が見える、というのはおかしな日本語ですが、どこからどう見ても透明な背景を実装するスタイルシートのテクニックを紹介します。 透明な背景を使いたい時用に、スニペットに登録しておくと便利です。 サンプル: 透明に見える背景画像 HTMLは非常に ...