Web 上で視覚的に利用可能なカラーテーマを作成して、Creative Cloud ライブラリに保存し、クリエイティブな作業で使用する方法を説明します。 人々のためにデザインする時は、誰もが使えるようにすることを考えるべきです。 これはカラーにも当てはまります。 一般的に「色覚多様性」と呼ばれる人が世界の人口の 3 ~ 8 % を占めることは、驚くべき事実かもしれません。 通常それは、女性より男性に多く見られる、ある遺伝子によって引き起こされます。 白人を例にとると、色覚多様性の割合は男性で 12 人に約 1 人であるのに対し、女性では 200 人にわずか 1 人となります。つまり、選択したカラーに対して誰もが同じように認識するわけではないということです。 選択したカラーをユーザーがどのように認識する場合があるかを理解することは、自分のデザインが必ずしもすべての人に対応しないことに気付いた
2023年10月12日 JavaScript 通常 box-shadow などで画像に影をつけると単色になりますが、今回紹介する「cosha」を使えば画像を反射したようなカラフルな影を実装できます。画面に透明感がでて素敵に演出できますよ! ↑私が10年以上利用している会計ソフト! この記事は動画でも紹介しています。動画派の方はぜひどうぞ! 動作デモ See the Pen JavaScript cosha demo by Mana (@manabox) on CodePen. 影に画像の色が反映されていますね! coshaの実装方法 難しい記述は不要なので、サクッと試せますよ。 1. 画像を用意する body タグの中に画像を用意しておきます。まぁ普通ですねw 変わった事は何もしていません。 HTML <body> <img src="images/picnic.jpg" alt="pic
We’ve been on a kick lately here at 1WD, looking at ways to code things in pure CSS without utilizing JavaScript, not because we don’t like JavaScript, but when you can avoid using it and still accomplish what you set out to do, why not? So today we’ve gathered 17 examples of navigation menus coded this way. Have a gander and see if there are any you can use in your future projects. Your Web Desig
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く