サイト構築
CSSの新しい関数「color-scheme()」を使用すると、カスタム関数であらゆる型の値を設定できるようになります
Post on:2025年10月15日
先日、CSSワーキンググループでCSSの新しい関数としてcolor-scheme()が追加され承認されました。ブラウザに実装されるのはまだ先ですが、この関数を使用すると、要素で使用されているカラースキームを取得でき、さら […]
このUIデザインかっこいい！ 近未来をテーマにしたUIコンポーネントとデザイン要素のセット -Cosmic UI
Post on:2025年10月9日
未来的な別世界のインターフェイスを作ろう、とデザインされた近未来をテーマにしたUIコンポーネントとデザイン要素のセットを紹介します。 オープンソースで、商用プロジェクトでも無料で利用できます。 Cosmic UI Cos […]
小規模なアップデートだけど、Web制作者は要チェック！ Chrome 141で新しく追加されたCSSとUIに関する機能
Post on:2025年10月2日
10月1日にアップデートされたChrome 141に追加された、CSSとUIに関する新しい機能を紹介します。 前回のアップデートでは10個のCSSの新機能が追加されました（紹介記事）が、今回は小規模なアップデートとなって […]
これは助かる！ AIエディタ Cursorから公式の日本語ドキュメントがローンチ、要注目のポイントを解説
Post on:2025年9月25日
AIエディタ Cursorから公式の日本語ドキュメントが、先週にローンチされました！ 当ブログのビジターも多くの人が使用していると思いますが、公式のドキュメント、しかも日本語版もあるというのは嬉しい知らせですね。 Cur […]
CSSに問題がないか、保守性・複雑性・パフォーマンスの面から解析し、改善点を教えてくれるツール -CSS Code Quality Analyzer
Post on:2025年9月18日
Webサイトに使用されているCSSをはじめ、自分で書いたCSSに問題がないか解析し、改善点を教えてくれる無料ツールを紹介します。 CSSは、保守性、複雑性、パフォーマンスの面から解析され、問題がある箇所はどのように改善す […]
UIデザインに使用するカラーのコントラストをチェックできる、使いやすくて、アクセシビリティを重視したツール -Contrastly
Post on:2025年9月17日
UIデザインでカラーを決めるときに、カラーのコントラストを確認することは必須です。コントラストをチェックできるツールはたくさんありますが、Tailwinds CSSのカラー、16進数コンバーター、コントラストの確認がひと […]
より洗練されたCSSアニメーションが可能に！ 複数のビュー遷移を同時に実行できるスコープ付きビュー遷移の基本的な使い方
Post on:2025年9月16日
複数のビュー遷移を実行できるようにするスコープ付きビュー遷移の基本的な使い方を紹介します。 スコープ付きビュー遷移を使用すると、複数のビュー遷移を同時に実行できるようになり、レイヤー化の問題なども回避できます。 Scop […]
AIがWeb制作に与えている影響、Web制作の仕事を奪うわけではなく、どのような変化が起きているのか
Post on:2025年9月10日
10年くらい前は、1年後を予測することは簡単でした。しかし、現在はAIの登場により1年後に何が起こるかさえ予測することはほぼ不可能と言えます。 この先どうなるかは誰にも分かりませんが、現在AIがWeb制作の仕事にどのよう […]
便利なのが登場！ UIデザイン用のカラー・スペース・コンポーネントなどを簡単に設計できるツール -StyleSpark
Post on:2025年9月9日
UIデザイナーが定義したデザイン構成を元に、カスタマイズ可能なスタイル・カラー・タイポグラフィ・スペース・コンポーネントなど、レスポンシブ対応のレイアウトを備えて包括的なデザインシステムを設計できる無料ツールを紹介します […]
CSSのcalc()がさらに便利になるなど、17周年を迎えたChrome 140ではCSSの新機能がかなり追加されています
Post on:2025年9月8日
9/2にChromeは17周年を迎えました、時が経つのは早いですね。先日アップデートされたChrome 140に追加された、CSSの新しい機能を紹介します。 今回のアップデートではCSSの新機能がかなりの数で追加されてお […]
sponsors
