Can we emulate the upcoming CSS contrast-color() function via CSS features that have already widely shipped? And if so, what are the tradeoffs involved and how to best balance them? Relative Colors Out of all the CSS features I have designed, Relative Colors aka Relative Color Syntax (RCS) is definitely among the ones I’m most proud of. In a nutshell, they allow CSS authors to derive a new color f
"poline" is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. Its methodology, defying conventional color science, is steeped in the esoteric knowledge of the early 20th century. This magical technology defies explanation, drawing lines between anchors to produce visually striking and otherworldly palettes. It is an indispensable tool for the modern
Customize color palettes, add gradients, and more with COLRv1
とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT
はじめに 今回は, title や screen_name といった変数に設定するような文字列を, ランダムかつ固定な色に変換する Tips を紹介したいと思います. 固定というのは, 一度決まった色は画面をリロードしても変わらないという意味です. 現場でもよく使ってる便利なテクニックなのでよかったら参考にしてください. 実例と主な用途 いまいち何が便利かうまく説明できていない気がするので, 実際に使っている例の画像を貼っておきます. 社内で作ってるタスク管理システムなんですが, リストの上に色の付いている帯があるのがわかると思います. これは個別に指定しているわけではなく, open や todo といった文字列から一意の数値に変換しそれを色に変えることで極力重複しない色を自動で割り当てるようにしています. 他にも, 以下のような場面などで活用できると思います. デフォルトアイコンの背景
「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要
15 minute read time The Developer’s Guide to Dark Mode in Email Introduction The latest updates to the Apple Mac operating system, Mojave, iOS 13, Windows 10 and Android Q have enabled a large audience to try out Dark Mode. How does this affect email marketers, designers and coders, and what do you need to do about it? Dark Mode inverts the colors on your device to decrease the amount of light on
A color palette tool for interface design
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く