最近はHEXコードから脱却して、色彩が豊かなOKLCH値のカラーを使用しているWebサイトやスマホアプリが増えてきました。さまざまなプロジェクトで使用できるOKLCHのカラーパレットをまとめた ...

昨日、Xで話題になっていたCSSで実装する日本の国旗、日の丸を紹介します。 HTMLはdiv一つだけで、あとはたった3行のCSSで簡単に実装できます。もちろん、レスポンシブにも対応しています。

2025年現在、Firefoxをはじめ、Chrome, Safariなどの各ブラウザでネストされた見出し要素（h1）のデフォルトのUAスタイルが変更される動きがでています。 段階的に実施されるようで、ブラウザの ...

先日アップデートされたChrome 136に追加された、CSSの新しい機能を紹介します。今回のアップデートでは :visited の仕様が変わり、セキュリティの向上とともに訪問済みリンクのスタイル適用も変わります。また、 dynamic-range-limit などの新しいプロパティもサポートされるなど、Web制作者は要チェックです！ 4/30にリリースされたChrome ...

※本ページは、アフィリエイト広告を利用しています。 Amazonで、先週末からKindleセールが開催しています！ 今回はゴールデンウィークセールの第一弾ということで、数はそれほど多くは ...

デザインの引き出しを増やすためには、トレンドを知っておくことが大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われて ...

昨日、Xで話題になっていたCSSで実装する日本の国旗、日の丸を紹介します。 HTMLはdiv一つだけで、あとはたった3行のCSSで簡単に実装できます。もちろん、レスポンシブにも対応しています。

Chrome 135でサポートされた::scroll-button()疑似要素は、疑似要素としてインタラクティブなスクロールボタンを作成できます。さらに::scroll-marker()疑似要素は、スクロールコンテナ内の関連する ...

先日アップデートされたChrome 136に追加された、CSSの新しい機能を紹介します。今回のアップデートでは:visitedの仕様が変わり、セキュリティの向上とともに訪問済みリンクのスタイル適用も ...

今月リリース予定のChrome 136で、訪問済みリンクの履歴検出攻撃を無効化する機能が実装される予定です。 簡単に説明すると、:visitedによるリンク履歴が分割される機能が実装され、サイトA ...