↧
Tailwind v4で新たに採用されたカラーシステム oklch が変えるUI表現と新旧対応表
はじめに 2025年1月22日に、Tailwind CSS v4がリリースされました。 たくさんの新機能がある中で、もっとも多くの人を驚かせたのが「デフォルトカラーが全て変わった」現象ではないでしょうか？ v4では、プリセットカラーの生成に従来のrgbやhexではなく、新...
View ArticleGeminiに頼りながら秒針付き時計を作ってみた⏰③
前回までのあらすじ 第1回で、HTMLとCSSを使い、時計の見た目の箱（00:00:00）を用意 第2回で、JavaScriptで（new Date()とsetInterval()）を使い、時計を動かし始めました↓ 1. CSSでデザインをもうちょっと良い感じ...
View Articleフロントエンドエンジニアがまとめる「OKLCH の基礎とグラデーション実践」
Tailwind CSS や TypeScript を日常的に使っていると、色指定もrgba()やhsl()から次のステップに進みたくなる瞬間があります。 最近、CSS Color Module Level 4で追加されたoklch()は、まさにその“次の色空間”です。 こ...
View Article