Webデザイン

ランディングページ制作AI

by

https://landingsite.ai/

あなたのオンラインプレゼンスを数分で作成し、向上させます！
AIがあなたのウェブサイトのコピーを作成します。ゲッティ イメージズのプラットフォームでは、数百万点もの高品質なゲッティ イメージズの画像や動画をご利用いただけます。

landingsite.ai translated with DeepL

非デザイナーにも知っていて欲しい「色」と「特性」

by

https://qiita.com/watoson3/items/c7d660ef53bc3513da43

今回は色の見え方、なかでも色覚特性について書いていこうと思います。
色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色は全ての人に関わるものなので、制作するうえで知っておいて欲しいことだと思い、記事にしたいと考えました。

Qiita

2024年の実装に役立つCSSの新機能と使い方のまとめ

by

https://coliss.com/articles/build-websites/operation/css/css-snippets-in-2024.html

2024年の実装に役立つCSSの新機能とその使い方を紹介します。セレクタを条件式のように記述できる:has()、複数のカード内でテキストを揃えられるsubgrid、CSS内でネストを使用できるCSSネスト、レスポンシブ対応のコンポーネントに役立つコンテナクエリ単位など、次のプロジェクトに役立つCSSがたくさんあります。

コリス
  • :has()疑似クラス（そのポテンシャルは親セレクタ以上）
  • subgridでカード内のテキストを簡単に揃えることができる
  • CSSでネストをする
  • 見出しテキストの折り返しのバランスをブラウザに任せる
  • コンテナクエリ単位

Webデザインの配色に悩んだときの参考になる！ UI要素のさまざまなカラースキームをまとめた配色サイト -Spectrum.Art

by

https://coliss.com/articles/build-websites/operation/work/color-scheme-for-web-ui.html

WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。

カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピーして利用できます。

coliss

続きを読む