サイト構築 -制作
これなら超簡単！ CSSのclamp()によるレスポンシブ対応のフォントサイズを数クリックで定義できるツール -Size Matters
Post on:2025年11月12日
フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動 […]
これは便利！ ついにChromeでも分割表示がネイティブに、1つのタブ内を分割して2つのWebページを表示 -Split View
Post on:2025年11月11日
1つのタブ内に2つのWebページを分割表示したい、と思ったことはありませんか？ 現在はEdgeやZenなどの一部のブラウザのみが分割表示できますが、ついにChromeでも分割表示をネイティブにできるようになります。 1つ […]
UIデザインに特化！ 数学的な処理で一貫性のあるカラーパレットを生成する初のカラーツール -Harmonizer
Post on:2025年11月6日
UIデザインに特化され、アクセシブルでライトモードでもダークモードでも各レベルのすべてのカラーが同じ彩度とコントラストを保ち、数学的な処理で一貫性のあるカラーパレットを生成する初のカラーツールを紹介します。 カラーパレッ […]
パスワード生成、黄金比・白銀比計算、スクショ分割、電子印鑑生成、個人情報のダミーデータなど、日本人制作者による便利ツールがまとめて使える -マッハーツール
Post on:2025年11月4日
Web制作やデザインでよく使用するツール、たまにしか使わないけど必要なツールをまとめて使用できる、日本人制作者によるツールを紹介します。 本ツールは先月リリースされたばかり！ パスワード生成、黄金比・白銀比計算、スクショ […]
CSSの進化は止まらない！ コンテナクエリとif()関数がさらに便利になり、興味を示したときに反応する新属性など、Chrome 142で新しく追加された9個のCSSの機能
Post on:2025年10月30日
10/29にアップデートされたChrome 142に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、コンテナクエリとif()関数の範囲構文、ビジターが興味を示したときに反応する […]
2025年、W3Cのロゴがかなりモダンなデザインに変更されました
Post on:2025年10月29日
2025年10月1日に、W3Cの新しいロゴがリリースされました。 W3Cは1997年から基本的に同じロゴを使用しており、2022年に公益非営利団体として独立した際にロゴがすこし変更されましたが、この変化はあまり気がつかれ […]
UIデザイン向けに視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツール -ColorMate
Post on:2025年10月27日
WebサイトやスマホアプリのUIデザインをはじめ、ブランドアイデンティティの構築などで視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツールを紹介します。 アクセシビリティのテストをしたり、実際のUIコンポー […]
これは簡単で便利すぎる！ すぐに使えるさまざまなフォームを数回のクリックで実装できるAIツール -Formcn
Post on:2025年10月21日
フォームの実装ってなかなか面倒ですよね。 数回クリックするだけで、すぐに使えるさまざまなフォームを実装できる無料のAIツールを紹介します。 お問い合わせやログインのフォームをはじめ、サインアップ、アンケード、イベント登録 […]
これなら簡単で便利！ 色彩トーンを使ったUIデザインにぴったりな配色を生成するオンラインツール -Kigen Color Generator
Post on:2025年10月16日
指定したカラーをベースにシェードのバリエーションを生成し、色彩トーンを使ったUIデザインにぴったりな配色を生成するオンラインツールを紹介します。 このツールのUIも非常に洗練されており、操作性も非常に快適です。 Kige […]
このUIデザインかっこいい！ 近未来をテーマにしたUIコンポーネントとデザイン要素のセット -Cosmic UI
Post on:2025年10月9日
未来的な別世界のインターフェイスを作ろう、とデザインされた近未来をテーマにしたUIコンポーネントとデザイン要素のセットを紹介します。 オープンソースで、商用プロジェクトでも無料で利用できます。 Cosmic UI Cos […]
sponsors
