「CSS」の記事一覧

• CSS Painting APIでカスタム背景を描画

  2025-05-26 20:59

  IT・ネット

  CSS Painting APIは、JavaScriptを使って要素の背景やボーダーを直接描画できる実験的なAPIで、CSS Houdiniプロジェクトの一部です。paint()関数を通じて、背景画像としてカスタム描画を実装でき、styleの変化に応じた動的なビジュアルが可能になります。例ではカスタムプロパティを使って色やサイズを制御し、Paint Workletによってビットマップに描画されます。ただし、主要ブラウザではまだ広く対応していない点には注意が必要です。

• CSSだけで動くマインクラフト風ゲームが登場

  2025-05-26 18:28

  IT・ネット

  JavaScriptを使わず、HTMLとCSSのみで構成された「CSS Minecraft」が公開された。論理処理もすべてCSSの擬似クラスを利用しており、対応ブラウザであれば操作可能。開発者はGitHubやCodePen上でコードを共有しており、CSSの可能性を広げる試みとして注目を集めている。

• SVGファビコンでダークモード対応を実現する方法

  2025-05-24 19:24

  IT・ネット

  SVG形式のファビコンを活用することで、Webサイトがダークモードに対応したアイコンを表示できるようになります。この記事では、SVGファビコンの利点や作成方法を解説。特に、CSSメディアクエリを使って背景色に応じたデザイン変更が可能になる点が注目されます。既存のロゴを活かしつつ、手動でスタイルを編集することでダークモード対応のファビコンが簡単に実装可能。専用ツールも紹介されており、実装のハードルを下げています。

• 高速軽量なHTML/CSSエンジン「Vaev」公開

  2025-05-18 17:54

  科学・技術

  GitHub上で公開されたオープンソースプロジェクト「Vaev」は、高速かつ軽量、セキュアなHTML/CSSエンジンです。CSSの主要機能やページ分割、PDF出力などに対応し、実験的ながらもブラウザエンジンとしての基本機能を備えています。Linux環境向けにビルド可能で、簡単なHTML表示や印刷に特化しており、Webレンダリング技術への興味を持つ開発者にとって有用なリソースとなっています。

• contrast-color()で自動コントラスト配色が可能に

  2025-05-17 16:26

  IT・ネット

  Web開発者に朗報です。CSSの新機能contrast-color()を使えば、背景色に対して自動的に黒または白のテキスト色を選んでくれます。これにより、配色ミスの防止やスタイル管理の効率化が可能になります。ただし、WCAG 2.1準拠のアルゴリズムでは、必ずしも視覚的に適した選択にならない場合もあり、将来的にはAPCAアルゴリズムなどへの更新も期待されています。

• フレームワーク不要でWeb開発：Plain Vanilla入門

  2025-05-11 16:31

  IT・ネット

  Plain Vanillaは、ビルドツールやフレームワークを使わずに、HTML・CSS・JavaScriptだけでWebサイトやアプリを構築する手法を紹介するチュートリアルです。Web Componentsや最新CSSを活用し、シンプルで保守性の高い開発を実現します。開発者に自由と長期的な安定性をもたらすこのアプローチは、複雑な依存関係から脱却したい経験者に向けられています。