昨日、Xで話題になっていたCSSで実装する日本の国旗、日の丸を紹介します。 HTMLはdiv一つだけで、あとはたった3行のCSSで簡単に実装できます。もちろん、レスポンシブにも対応しています。 実際の動作は、デモページでご覧ください。 日の丸は、レスポンシブ対応になっています。 紅色はマンセル表色で3R 4/14に変更しました。 元ネタは、下記ポストより。

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

2025年もフォントの日（4/10）がきました！ フォントの日に合わせてAdobe Fontsにもたくさんの日本語フォント・英語フォント ...

UIデザイン用のカラーパレットを作成するのは、簡単そうに思うかもしれません。しかし、アクセシビリティの要件を満たし、ブランドのアイデンティティやスケールのバランスが取れた ...

Webサイトやスマホアプリでよく見かけるボタンやカード、フォーム、ローディングなど、UIコンポーネントやUI要素を実装するCSSのコード、Tailwind CSSのコード、さらにはReactのコードをまとめ ...

美しい幾何学模様のパターン、ドットやグリッドベースのパターン、繊細なカラーの変化が楽しめるダークグラデーション、マトリックスのような近未来のパターンなど、CSSで実装された ...

※本ページは、アフィリエイト広告を利用しています。 Amazonで、先週末からKindleセールが開催しています！ 今回のセール ...

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

先月リリースされたGIMP 3.0（リリース記事）に対応した、GIMP 3.0+のUIやショートカットをPhotoshopみたいにするパッチを紹介します。 下記のキャプチャ画像は、私の環境でこのパッチを適用し ...

Chrome 135で追加された、CSSの新しい機能14個を紹介します。 今回のアップデートで目玉はスクロールオフセットのサポート、レスポンシブな自由形式のシェイプを作成できるshape()関数 ...

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