2020年の流行色・トレンドカラーがPantoneから発表されました。 2020年のトレンドカラーは、宵の空を連想させる「クラシックブルー」、落ち着き、自信、つながりをもたらす安心感を与えるカラーです。 Pantone Color of the Year 2020 PANTONE 19-4052 Classic Blue 2020年に使用したいカラーの組み合わせ方 スウォッチ素材のダウンロード PANTONE 19-4052 Classic Blue 2018年のトレンドカラーは「Ultra Violet」で寒色系、2019年のトレンドカラーは「Living Coral」で暖色系でした。 PANTONE 19-4052 Classic Blueは人々の心に安らぎを与えるカラーで、集中力を高め、明快さをもたらします。また、こういった古典的なブルーは信頼、落ち着き、自信といった感情を具現化でき
高校の美術部でポスターカラーの絵を描いていたとき塗っても塗っても一晩経つと色が消えてしまう謎の事件が起きたが三度目でようやくその原因が解った
伊吹 巡 8/25 C.C.VEGA え44b タイバニ @zonko 初同人誌は名古屋、新瑞橋の委託書店で。初ｺﾐｹは第12回。ｺﾐｶから始まってｺﾐｹ･ｺﾐﾃｨｱ･J庭に参加中。饕餮なｻﾌﾞｶﾙ多めの第一世代おたくでBL度少なめ。既婚・ｱﾒﾘｶﾝｶｰﾙの兄弟猫が息子。海外旅行が大好き。ｲﾝﾄﾞﾈｼｱ語少々ﾌﾗﾝｽ語は片言。料理がｽﾄﾚｽ解消。漫画原作･脚本担当。代表取締役のﾊﾟｰﾄ主婦 伊吹 巡 @zonko 塗っても塗っても一晩経つと、色が消えてしまうという謎な事件が高校商業美術部で、ポスターカラーの絵を描いてた時に起きて。三回塗ってもダメだった時に、ポスターカラーにカビが生えていると言うことが解ったんだよな。一晩で色素が食い尽くされて真っ白になってしまうという…。恐ろしい事件だった
一色美穂 @isshikimiho 長野県出身。長女5歳。次女1ヶ月。 少年サンデーで連載中の「みずぽろ」原作担当。うぇぶりでも読めます→ sunday-webry.com/episode/140796… amazon.jp/hz/wishlist/ls…
この解説は、造形を作る（モデリング）からの話ではなく、色塗り（テクスチャ）を使ってアニメ調にする話です。 テクスチャの作り方でアニメ的な雰囲気に見せる方法を解説していきます。 1. テクスチャをベタ塗りにする まず、テクスチャをベタ塗りにします。元のテクスチャから色を選択してグラデーションがないテクス...
Qiita株式会社 Advent Calendar 2021（2）の20日目の担当は、CX向上グループの@xrxoxcxoxです！ この記事の概要 タイトルの通り、デザインに興味があるエンジニア向けのTipsをいくつかまとめてみました。 「自分はセンスがないからデザインは無理ですよ……」と仰る方が多いような気がしたので、持って生まれた感覚ではなくて理屈で良い感じにするためのあれこれを書き連ねてみました。 かつて社内向け勉強会で作った資料を記事化しているので一部記事に最適化できていない箇所もありますがご了承ください 色の選び方 UIやロゴ作る上で、テーマカラーを選ぶときは以下のあたりを確認しながら進める 商材やモチーフの印象にあっている 社会的な文脈に沿っている 明度や彩度がUI的に都合が良い アクセシビリティが高い 商材やモチーフの印象にあっている 例：水を扱うサービスのイラスト 茶色 青
分離色とは、「2つ以上の色を混ぜて作られた、色が分かれる絵具」です。粒子の大きい絵具と粒子の小さい絵具、もしくは粒子の大きい絵具と粒子の大きい絵具を混ぜると、混ざりきらずに色が分かれてしまうのです。これが「分離」という現象です。「分離」は、今まで絵を描く時に、困った現象とされていましたが、近年この現象を逆手にとった絵具は「分離色」として人気を集めております！
色は人の心理に働きかけることが知られており、デザインに何色を使うかは重要な問題です。特に、異なる色を使いつつ統一感を持たせるのは至難の業で、一歩間違うとまとまりやメッセージ性のない配色になってしまうことも。そこで、プロのデザイナーがウェブデザインのさまざまな配色実例をそのままコピーできる「Happy Hues」を作成し、無料で公開しています。 Happy Hues - Curated colors in context. https://www.happyhues.co/ トップページには画面左側にパレットが表示されています。パレットをクリックすることで、画面右側の配色を変更可能。深緑を中心とした落ち着いた配色から…… ピンクを中心としたファンシーな配色。 グレーベースのシンプルなデザイン。 温かみがある焦げ茶色ベースの配色など、背景だけでなく文字色やボタン、イラストの色まで変わるので画面
赤みがかった緑｜kurosakayu
似てる色は？と聞かれて多数派の人はなに色となに色を思い浮かべるだろう。 例えば赤とオレンジ、緑と黄緑は似てるというかもしれない。 私の場合は赤と緑の２色を近いと感じるため、この色を含んだ異なるトーンのピンクと淡いグリーン、オレンジと黄緑なども近いと感じる。 緑に近いと感じるピンク オレンジに近いと感じる黄緑 一般的に似ているとされる色は赤みがかった茶色であるとか緑がかった青とか色相環を見ればわかるように隣りあい、混ざりあっても不自然でないことが示されている。 色相環 しかし私には赤みがかった緑(当然逆も)というのがある。 色相環を見るとこの2色は全く隣り合わない位置にある。 多数派の人には赤と緑というのはとても遠い色かもしれないけど、私にはとても似ていて境界が溶け合っているような曖昧な色だ。 胸をはって「ピンクグリーン」みたいな自分が感じたままの色を言えるようになりたい。
科学の推進に取り組む非営利団体Society for Science & the Publicは毎年、アメリカの中学生を対象とした全国的な科学コンテスト「Broadcom MASTERS」を開催しています。 そして2020年の最優秀賞（サミュエリ財団賞）を受賞したのは、アメリカ・ニューヨークに住む12歳の少女イシャナ・クマール氏でした。 彼女は自身の実験で、「ベンハムのコマ」で知られる想像上の色と網膜疲労の関係を明らかにし、約250万円を獲得しました。 >参照元はこちら（英文）
イランにある色鉛筆屋さん、壁には何千もの色鉛筆が埋め込まれていて店主だけがその全てを把握している「ジブリに出てきそうな世界観」
Hiroko Miyamoto @HirokoMiyamoto7 子どもや初心者、専門家まで色鉛筆を紹介してくれるラフィさん。古くて珍しい西洋ブランドから国内の品まで揃っており。ラフィさんの色とりどりのお店は、何年もの間、通りすがりの人を魅了してきました。映像で拝見出来ます。 youtu.be/yJHIByLnGVo
チャンネル登録はこちら►► http://bit.ly/VogueJapanYouTube VOGUE JAPAN：https://www.vogue.co.jp/ Facebook：https://www.facebook.com/VOGUEJAPAN Twitter：https://twitter.com/voguejp Instagram：http://instagram.com/voguejapan
カーキ色の誤認をいい加減どうにかしてほしい
カーキ色は黄土色方向だろ！ 緑方向の色と誤認してる人多すぎ 仕事で色のやりとりでカーキ色出た時の不便さといったら… 少人数直接のやり取りならそこで意思確認できるけど 間接的に多人数、伝言ゲーム的に現れるカーキ色の実体を掴むのがなかなか難しい 念を押して黄土色って確認したのに「もうちょっと緑っぽい感じで…」ってお前それカーキ色誤認してたろってなる
66回日府展市民講座 2019.5.26 都美術館 材料科学から 絵画を読み解く ～ゴッホの作品を例として～ 佐藤勝昭 日府展理事 東京農工大学名誉教授(工博） 自己紹介 私は応用物理学の研究者であると同時に、洋画家 です。 光物性・材料物性の科学的視点で絵具や絵画技法 を観ると新たな発見があります。 以前の市民講座では、絵具の科学、北斎ブルーの 材料科学などをお話ししました。 今回は、ゴッホの絵画を題材として材料科学の視 点で読み解きます。 1966 京大大学院工学研究科修士修了 1966-1984 日本放送協会 1984-2007 東京農工大学 2007-2018 科学技術振興機構 1970 日府展洋画部初出品 現在 日府展理事・総務部長 日府賞, 東京新聞賞, 中日賞他 1974 第1回個展、2018まで個展16回 はじめに 私のゴッホの絵との出会いは、中1の時（
視覚的に美しいデザインとは、タイポグラフィが一貫していて、明確な階層があり、洗練されたカラーパレットが活用されていて、グリッドに沿って要素が配置されているものだ。 Why Does a Design Look Good? by Sarah Gibbons and Kelley Gordon on March 7, 2021 日本語版2021年8月23日公開 フォントや色、配置などの視覚的なディテールは、ユーザブルなエクスペリエンスを生み出し、ブランドの特徴（親しみやすさや信頼性など）を表現する。 デザインを見て、それが良いということはすぐにわかるものだ。しかし、多くの場合、そのデザインを「なぜ」良いと思うのかを特定することは非常に難しい。この記事では、3つのユーザーインタフェースデザインを分析し、これらのデザインを魅力的に見せているビジュアルデザインの原則について説明する。 例その1：タイ
Noto emoji, a new black and white emoji font with less color, may gain us more in the long run Posted by Jennifer Daniel, Creative Director - Emoji & Expression In 1999 — back when Snake 🐍 was the best thing about your phone 📱 — there were three phone carriers in Japan 🗾 . On these phones were tiny, beautiful pictures called emoji (meaning “picture” and “character” in Japanese 🥰). These 176 im
ウェブ制作に活かすユニバーサルデザインの視点
この記事は、2019年12月7日に名古屋で開催された WCAN 2019 Winter での登壇内容をテキスト化したものです。アクセシビリティ Advent Calendar 2019 の 9日目のエントリーです。 当日使用したスライドは SpeakerDeck で公開しています。 ウェブ制作に活かすユニバーサルデザインの視点｜SpeakerDeck はじめに 「ユニバーサルデザインとウェブ」と聞くと、あまり馴染みがないように思われるかもしれません。しかし実は、ウェブは生まれながらにユニバーサルな性質を持っています。ワールド・ワイド・ウェブの考案者ティム・バーナーズ＝リーは、次のように述べています。 The power of the Web is in its universality. ウェブは、世界中の誰もが、自分の好きな場所で、好きなデバイスで、好きな時にアクセスすることができます。
黄色い声援（声に色はない）
といった例は他にもありませんか？ 以下追記 意図したのは「全く実情を反映していないのにまさにそのように思える形容詞」です。コメントから拾うと ・真っ赤な嘘（嘘は赤くない） ・青春（春は青くない） ・青色吐息（息は青くない） ・桃色片想い（片想いに色はない） ・熱い視線（視線は熱くない） ・腹黒い、どす黒い感情（どちらも黒くない） あたりでしょうか。 共感覚持ちだと何かあるんでしょうかね。
夏です。木々の緑が鮮やかな季節がやってきました。 [tsujimotterの母校、北大にて撮影] 植物の葉を眺めてると、私はいつもこんな疑問を思い浮かべます。 どうして緑色なのだろうか？ 色は、私たちは幼い頃から知っている身近な存在です。その一方で、とても神秘的な存在でもあります。 色とは何だろうか？ 考えれば考えるほど、その正体が分からなくなってしまうのです。 たとえば、みなさんは色の仕組みに関するこんな問いに答えられるでしょうか？ ・空の色が青色なのはなぜだろう？（太陽の光は白色のはずなのに） ・絵具を混ぜて金色が作れないのはなぜだろう？（そもそも金色っていったい何なのだろう） ・モルフォチョウの翅の色がきらびやかな青色をしているのはなぜだろう？（自然界には青色をした物質はほとんどない） 今回考えたいのは「植物の葉はなぜ緑色なのか？」です。 この問いを突き詰めていくと、分子の中にある電
こんにちは、たかとーです。 今日はTailwind CSS Resources you wish you had. - DEV Community 👩💻👨💻の日本語訳記事です！ 当記事は、Janeさんの許可を得て翻訳しています。Tweet Tailwind CSS Resources you wish you had. Tailwind CSS リソース 私が学んでいたときに役に立ったいくつかのリソースをリストアップしていきます。それらをあなたのリストに追加したり、すでにある場合は、それらを使い続けてください。 1) TailwindInk ブランドカラーを選ぶと、補色のリストを生成してくれるカラージェネレーターサイトです。カラーコードはTailwindのconfigファイルに簡単にコピーすることができます。 2) Tailblocks この素晴らしいプロジェクトはMert C
青と黄を混ぜると「きちんと」緑色になるお絵かきデジタルツール 油絵や水彩画などのデジタル再現に活用【研究紹介】 2022年1月21日 チェコ工科大学の研究チームが開発した「Practical Pigment Mixing for Digital Painting」は、実際の絵具が混ざったような色を表現できるペイントデジタルツールだ。これまでと違い、忠実度の高い混色を出力し、油絵、パステル画、水彩画などのスタイルをリアルに描ける。 keyboard_arrow_down 先行研究 keyboard_arrow_down 実証実験 keyboard_arrow_down 実験結果 青色と黄色を混ぜると緑色になることはよく知られているが、Adobe PhotoshopやProcreateなどの従来のペイントソフト／アプリでは、緑色にならずに灰色っぽくなる。これは、青と黄の光を同じ場所に当てると白
かわいいVScodeの作り方👁👄👁💗
かわいくないワ...👁👄👁 これではテンション上がりません。コーディングに置いてモチベーションは最も大事な栄養素です。 テーマを変更してモチベを上げていきます。 テーマを変更 illusion お好みのテーマをダウンロードしてテーマを有効にします。 ...いいんじゃない？👁👄👁 まだそこまでかわいくありません。 コーディングにおいて、インデントは最も大事な要素です。そんなに重要なものが光っていないのは怠慢という言葉を禁じ得ません。インデントを光らせていきます。 indent-rainbow 拡張機能を有効にしたらこうなっているはずです。 トーンが暗いわネ...👁👄👁 setting.jsonでハイライトの色を変えていきます。 "indentRainbow.colors": [ "rgba(128, 64, 64, 0.5)", // 1インデント目の色 "rgba(128
【Yamaha Day】楽器好きだって YAMAHA RACING APPAREL でヤマハ・レース・ブルーに染まりたい！ | ギターいじリストのおうち
生涯5000本以上のギターをいじり続けたきた管理人が実測データを交え世界一詳しいギターレビューやギターパーツ情報をお届け！
しゅう@人間だした @S_Rhinoceros 子供のラッシュガードの色を決めるのに調べてたらHITしたんだけどさ！赤がダメなのは知ってたけど（海辺育ちなので）、オレンジ以外と目立つねえ！オレンジ、黄色、蛍光よりの黄緑かな…ピンクも悪くなさそう、流行りのくすみカラーは絶対ダメだろうな…蛍光で選ぼう…… twitter.com/kurorabukyouzy… リンク 日本最大級の水着が揃うAi（アイ）スクウェア - 水着は全品送料無料、日本最大級の水着が揃うAi（アイ）のブログやコラムが閲覧できますサイトです。 ラッシュガードとは？意味やメリット、目的別の選び方やポイントを完全ガイド - 日本最大級の水着が揃うAi（アイ）スクウェア ラッシュガードとは？ ラッシュガードとは、ポリエステル・ポリウレタン・ナイロンの素材を使って作られたスポーツウ 1 user 34 リンク 楽天市場 【楽天市場
こんにちは、デザイナーの花ちゃんです！ かれこれ3年ほどLIGブログで記事を書いていますが、最近意識していることがあります。それは、文字だけではなく、できるだけ視覚的に情報を伝えるということです。最初は文章を書くことに必死でしたが、よりわかりやすく、最後まで楽しく読んでもらうにはどうしたらいいかを考えるようになり、たどり着いたのが「図解」でした……！！ 今回は、図解を作るときのポイントやグラフ作成時にやりがちな失敗例、ストックしておくと便利なチャート図のデザインパターンをまとめてみました。 【図解を作るときにおすすめの素材】 👉フリーイラスト素材サイト39選【デザイナー厳選】 👉無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 【一からWebデザインを学びたい方へ】 現場で活かせるWebデザインの基礎をしっかり学びたい、現役デザイナーに教えてもらいたい……という方は、
ぼくが６つのとき、よんだ本にすばらしい絵があった。『ぜんぶほんとのはなし』という名まえの、しぜんのままの森について書かれた本で、そこに、ボアという大きなヘビがケモノをまるのみしようとするところがえがかれていたんだ。だいたいこういう絵だった。「ボアというヘビは、えものをかまずにまるのみします。そのあとはじっとおやすみして、６か月かけて、おなかのなかでとかします。」と本には書かれていた。 そこでぼくは、ジャングルではこんなこともおこるんじゃないか、とわくわくして、いろいろかんがえてみた。それから色えんぴつで、じぶんなりの絵をはじめてかいてやった。 背景色がそれぞれ、上は#000、下は#333になっています。 上は長文を読んでいるうちに、目がチカチカしてきませんでしたか？ 人間の目は、光とその屈折量で色を判断します。 より明るいほうに適応しようと調整するので、その対角である#000はどうしても目
デザイントレンドは変わっていますが、グラデーションはとてもナチュラルな見た目と多様性に富んでおり、いつの時代も愛されるデザインスタイルです。 この記事では、美しいグラデーションを作成する基本ルールと、手軽に利用できるグラデーション作成オンラインツールをご紹介します。 全シリーズはこちら。 しっかりマスター！美しいグラデーション作成徹底ガイド【Illustratorグルーバルカラー編】 しっかりマスター！美しいグラデーション作成徹底ガイド【Illustrator実践デザイン編】 美しいグラデーションって、なんだろう？ グラデーションには良くて美しいものもあれば、悪くてひどいものもあるでしょう。 良いグラデーションとは、ナチュラルで調和のとれた美しいなめらかな色の変化のことを指します。 プリント印刷でグラデーションを表現するときの技術的な問題を防ぐのにも役立ち、画面スクリーン状で見たときにも魅
かわいい！ヨシ！
color-sample.com豊富なカラーサンプルをランダムに表示。選択したカラーの彩度や明度も調べることができる。
プロのデザイナーによってキュレーションされた、美しいCSSグラデーションのコードを紹介します。さまざまなUIコンテンツやデジタルアートの背景にぴったりな線形グラデーションです。
大きい会場でプレゼンするかっこよさを味わいたい
1987年兵庫生まれ。会社員のかたわら、むだなものを作る活動をしています。難しい名字のせいで、家族が偽名で飲食店の予約をするのが悩みです。（動画インタビュー） 前の記事：なんでも鑑定団の鑑定額発表だけやりたい ＞ 個人サイト むだな ものを つくる グリーンバックのある生活 つまりこういうことをやりたいのだ。 グリーンバックを用意して、カメラで自分を映す。舞台とスクリーンをパソコンの中に用意したら、グリーンバックで撮影した自分の姿を合成してやればいいのだ。 自分の姿を小さくしたら、まるで大会場にいるような気分になれるのではないだろうか。 これは以前デイリーのイベントでジャパネットたかたについてしゃべったときの様子。 普通の会議室やイベントスペースでは、スクリーンの大きさはこのくらいになるだろう。 でも、合成ならやりたい放題に出来るのではないか。 まずはグリーンバックから作っていこう。 とは
ウェブには数多くの素晴らしい配色カラーツールがありますが、この記事では、UIデザインに便利なカラーツール7つをご紹介します。 ユーザーインターフェースの色を選択するには、グラフィックデザイン向けプロジェクトとは異なる用意が必要となることに注意しましょう。UIデザインには、さまざまなバリエーションと色を持つ包括的な配色セットが必要なだけでなく、色がユーザークエスペリエンスにどのように影響するのかも検討する必要があります。 デザインにおいてもっとも重要な要素のひとつである「配色」を、見栄えを良くするだけでなく、効果的に選ぶことができるカラーツールをまとめています。 【2021年版】もう配色デザインには迷わない！すごい無料カラーパレットツール83個まとめ UIデザインで重宝する配色カラーツール7個まとめ 1. Accessible color palette builder プロダクトデザインに
ウェブサイトやアプリケーションにおいて配色の持つ役割は大きく、その設計は使いやすさに強く影響を及ぼします。今回は基本的ではあるけれど覚えておくと役立つ、配色にまつわる9つのトピックについて解説します。 なお、本記事では、配色が与える情緒的な印象の話は出てきません。印象論的な配色理論は、数多く存在する他の書籍や記事に譲るとして、主にユーザビリティやアクセシビリティ、ビジネス上の課題解決に繋がる、基本的なポイントに絞って解説していきます。 1. メインカラーに赤を安易に採用しない 色を知覚する視細胞の中で、赤錐体（赤に反応する視細胞）は緑や青のものより数が多いという研究結果があります。 人間の目は赤に対して敏感であるという現象は、いくつかの学術的な裏付けにより証明されている事実と言えるでしょう。 色覚のしくみ – 多様な色覚に対応したデザインと社会の改善 特定非営利活動法人カラーユニバーサルデ
対話型AIの話題が尽きない。火付け役となったのは「ChatGPT」だ。質問や指示を投げかけると、AIが回答を生成する。デザインでの活用も可能だろうか。サントリー『特茶』のロゴデザインなどを手がけたアートディレクター小杉幸一氏が、「ChatGPT」にディレクションをしてみた。 AIのお手並み拝見 小杉 「色」は、商品やサービス、企業ブランドなどの〈コミュニケーション人格〉を構成する重要な要素のひとつです。〈コミュニケーション人格〉とは、ターゲットとなる生活者と関係を築くための、ブランド側の〈人格〉のことです。 コミュニケーションする側の商品やサービス、企業ブランドはどんな〈人〉なのか。ターゲットとする人たちに話しかけたとき、ちゃんと聞いてもらえる人格はどのようなものかを考えるところから、デザインは始まります。 「ChatGPT」とは 「ChatGPT」は入力した質問や指示などに対して回答とな
この色を、下の200色の白から選んでください！ お手つきすると、正解との差に応じてスコアが減ります。 外したマスには、正解色の斜線が付きます。 2回同じお手つきすると、はずれ表示の [ ]内の数で教えてくれます。
はくいきしろい @hakuikisiroi 鑑賞者や購入者が作品をカットしステッカーとして身近な物に貼るという行為により作家と鑑賞者間との双方向的な作品を目指しています 色や質感などの作品イメージはデジタル情報から着想を得ており、自分の身体を通し創作された作品が物質世界で質量を持つことがコンセプトなので作品のインクの重さがそのままタイトルと値段になります m-hz.net/?mode=cate&csi… はくいきしろい @hakuikisiroi むかし予備校の講師が 「茶色だろうがねずみ色だろうがこの世界で汚い色は存在しない、もし作品で汚い色だと感じたならそれは近接している色との響きが悪く構成が間違っている。色は単色だと全て美しい」 と言う話をしてて、それはもうずっと覚えてしまっている 2022-09-04 22:04:05
今日考えたいのは 銅錯体 についてです。 硫酸銅は2価の銅イオン と硫酸イオン のイオン結晶 です。これ自体は白い粉なのですが、水に溶けると 青色 に呈色します。 飽和量以上の硫酸銅を加えると結晶が析出しますが、その結晶の色も綺麗な 青色 となります。硫酸銅(Ⅱ)五水和物と呼ばれるもので、化学式で書くと となります。これは、2価の硫酸銅に5つの水分子 が配位結合していることを表します。（あとで配位結合とは何かについては説明します。） 実際を見てみると、とても綺麗な色をしていますね。 （ちなみに、こちらは自分で買った私物です。笑） 硫酸銅の水和物は高校化学でも扱うので、化学好きの人にはおなじみかもしれませんね。 ※なお、硫酸銅の結晶は毒性がありますので、購入を希望される方はよくよく調べた上で、取り扱いには十分ご注意ください。 水溶液の中の銅も、結晶の方の銅も、どちらも 錯体 と呼ばれる種類の
UX Movementの著者および創設者。ユーザー体験においてのデザインのベストプラクティス、スタンダードおよびテクニックを教え、それを広めることでより良いデジタルの世界を作り上げることを目標としています。 入力フィールドは、ユーザーに情報を要求するもっとも一般的なインターフェイスの要素です。入力フィールドにはさまざまなサイズや形状、スタイルがあります。そのような選択肢がある中で、最適なユーザビリティを提供するには、どのように表示すればいいでしょうか？ 強い視覚的な手がかり 最適な表示方法は、入力フィールドの機能と、ユーザーがどのように操作するのかによって決まります。つまり、入力フィールドには、ユーザーが何をすべきか示す強い視覚的な手がかりが必要です。 入力フィールドは、インターフェイスにテキストを入力するために存在します。したがって、ユーザーが視認したらすぐに行動を起こせるように、入力フ
しょーび @shobipoke 回路系の実験のとき、抵抗の抵抗値って色で判別するから色盲の子が全く判別できないんだけど、班の中で計算係or記録係になるしかないって言ってたな…… あれは要改善な気もする twitter.com/kaidai_modern/… pic.twitter.com/EdCyXlVAHQ
キムワイプ @kimwipes_crecia おかげさまで、理系の必需品は2024年3月に55歳を迎えました！ ■キムワイプグッズが当たるワイワイキャンペーン実施中→boxwiper.jp ■LINEスタンプ→line.me/S/shop/sticker… pro-crecia-kimwipes55th.sfsite.me
JavaScriptのIntersection Observerでスクロールに合わせてグラデーションの色を変更する
2023年2月7日 JavaScript 新しいMacbook Proが発売され、特設ページが公開されています。そのページの中で私の目に止まったのは、Macbook Proのスペックではなく、スクロールに合わせて動くグラデーションカラーのテキストでした。今回はこれをJavaScriptの Intersection Observer を使って実装した例を紹介します。 ↑私が10年以上利用している会計ソフト！ この記事は動画でも紹介しています。動画派の方はこちらを御覧ください！ このテキストを実装したい！ Macbook Proの紹介ページにあるグラデーションカラーのテキストです。スクロールするとグラデーションの位置も変わるのがわかりますね！ Intersection Observerとは？ 従来、スクロールに合わせて要素を操るには scroll というイベントを利用していました。ただ、それだ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2020年の流行色・トレンドカラーは宵の空を連想させる「クラシックブルー」HTMLのコードは「#0f4c81」
美大出身ママが息子さんに「どんないろがすき？」と聞かれて面倒なことになった話「小学生でも知っているのはビリジアン」
アニメ調3Dキャラクターの作り方（テクスチャ編）｜MuRo｜pixivFANBOX
デザインに興味があるエンジニア向けのTips10選 - Qiita
たった1色(分離色)の絵の具でどこまで描けるのか？→そうはならんやろ「定期的に見たくなる超人」「次元が違いすぎる」
無料でウェブデザインに最適な配色実例をそのままコピペできるようにした「Happy Hues」レビュー
180年間ナゾだった「モノクロ映像に色が見えてくる錯覚」の仕組みを12歳の少女が解明！ - ナゾロジー
ジョーカー撮影監督が解説、映画の”色”がもたらす効果。| VOGUE JAPAN
材料科学から 絵画を読み解く ～ゴッホの作品を例として～
デザインが良いと思える理由
What is black and white and read all over?
植物の葉の色はなぜ緑色か？ - tsujimotterのノートブック
全米が待ち望んでいた超便利なTailwind CSSツールリスト
青と黄を混ぜると「きちんと」緑色になるお絵かきデジタルツール 油絵や水彩画などのデジタル再現に活用【研究紹介】
子供の水着の色で悩んでいたらこの色付きのキャップを海に沈める実験動画がとても参考になった「赤はマジで見えない」
伝わる図解の作り方～レイアウトや配色のポイントを解説～ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインで使ってはいけない色「黒#000」のおはなし | あおろぐ。
濁りなし！美しいグラデーションの基本ルールとCSSオンラインツール
『ヨシ！』現場猫と目の色から毛の分かれ方まで完全に一致する猫が発見される「そっくりで二度見」「ついに実写化されたか」
配色 - デザインツール | お道具箱 for Web
最近のUIデザインで見かける、美しいCSSグラデーションのコードのまとめ -Design Gradients
これ便利！Web、UIデザインの配色カラーパレットツール7個まとめ
ウェブサイトの配色で気を付けたい9つのこと | knowledge / baigie
AIは色を〈理解〉しているか？ アートディレクターが「ChatGPT」に配色を提案させてみた
200色の白から見つけよう！ - White 200
予備校教師の『茶色だろうがねずみ色だろうがこの世界で汚い色は存在しない』という話に「文学の話かと思った」「人にも通ずる気が…」
-Sulfate-Pentahydrate-blue-part-1)
色と対称性：銅錯体の色のしくみ（前編） - tsujimotterのノートブック
ユーザーが見落とすことがない入力フィールドを作るには
色覚異常のある人は化学の実験で色を判別する必要があるときどう対処しているのか
「今日の服はキムワイプカラーだね」と言ったら通じなかった→キムワイプ公式がド正論を述べてしまう流れ