みなさま、こんにちは🐰 株式会社Rabeeでデザイナーをしているkoppiです🐝 2023年6月頃に登場したFigmaのvariables(バリアブル)、なんだか難しそうで尻込みしていましたが、挑戦してみました。 今回はColorについて、手探りながら分かったことをここにまとめます。 variablesって聞いたことあるけど、何ができるの？ Figmaでどうやって設定するの？ という疑問をお持ちの、まだvariablesに触れたことのない方向けの内容になっています。 variables(変数)ってなに？ある値(カラーコードやサイズなど)を箱に入れて、名前をつけたものです。 これを使うと、何度も同じ色やサイズを使うときに、簡単に一度に変更できるようになります。 variableのイメージvariablesで管理できる4つのタイプ今回はColorについて取り上げますが、variablesで
![[Figma]variablesの使い方-Color-｜koppi](https://cdn-ak-scissors.b.st-hatena.com/image/square/7887fa501c1209f95d6058efd1f820703510eb36/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F145053186%2Frectangle_large_type_2_8bbc091e3094ad5d252e85b08b41fd52.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
Re: HTMLのルート要素ではcolorとbackground-colorをセットで指定すべき - 水底の血
ちょっと間が空いて、亀リプっぽくなっちゃいましたけど、HTML のルート要素では color と background-color をセットで指定すべきというお話について。 昔からブラウザには配色設定があり、テキスト色と背景色をユーザーが任意に指定できます。 ……という話は Web アクセシビリティとフェイルセーフの記事に以前書いたのでその詳細は省略しますが、WCAG 2.2 達成方法集の F24(W3C) において達成基準 1.4.3（レベルAA）などの失敗事例として掲載されているにも関わらず、このことは世間ではなぜか認知が薄いようです。 認知も薄いというか、私も言われるまで気づかなかったあたり、まあそういうことなんじゃないかなと*1。……という話だけはあまりにもアレなので、ざっくりとですが、ほんのちょっと深掘りしてみましょう。 WCAG 2.1 達成方法集のF24のタイトルは、「達成基
*心に残った風景を絵に【Acryl color】ホイアンの夜明けの月と木* - Xin Chao HANOI
ホイアンからハノイに戻ってきて、絵を描きました。 ホイアンで、心に残っている景色があります。 朝早くにマラソン大会で走りながら見た、この景色。夜明けの月と木。 走りながらこの景色を見て思わず写真を撮りました。これを絵にしたい。 アクリル絵の具でキャンバスに描こうと思います。使う絵の具を選んだら、グラデーションに。 この何色もの絵の具が混ざり合って一つになっていくのを見るのが好きです。癒される。 綺麗。一旦乾かしてから、木を描いていきます。 鉛筆で形だけ下書きして、紺を混ぜた黒で細かい部分を。 細い筆は新しいものを何本買っても、結局この1番古い筆が描きやすくてこればっかり使ってしまう。 最後に、黄色を少し混ぜた白で月と星屑を入れて完成。 できました。 わーーー綺麗♡この風景の中にいた感覚を思い出すくらいリアルに描けました。 薄暗い夜明けの生暖かい風や、朝が始まろうとする明るい空にまだ白い月が
カラー電子ペーパーAndroidタブレット「BOOX Go Color 7」２機種と超薄型モノクロ電子ペーパータブレット「BOOX Go 10.3」発売のお知らせ
カラー電子ペーパーAndroidタブレット「BOOX Go Color 7」２機種と超薄型モノクロ電子ペーパータブレット「BOOX Go 10.3」発売のお知らせカラー電子ペーパーで各種電子書籍ストアアプリを読めるGoColor7と、最高の電子ノートとなるGo10.3がついに登場です！ ONYX Internatinalの正規代理店であるSKT株式会社（本社：大阪府藤井寺市、代表取締役：西村大志）は、「BOOX Go 10.3」と「BOOX Go Color 7」ブラックを、本日6月11日（火曜日）から弊社各店舗にて予約を開始します。（GoColor7ホワイトの予約は６月後半予定）。出荷予定日はGo10.3及びGoColor7ブラックが6月26日前後となり、GoColor7ホワイトは７月中旬以降となります。 go-series-op ■BOOX GoColor7製品概要 BOOX GoCo
PCでもiPadでも使えるカラーパネル「DaVinci Resolve Micro Color Panel」の設定方法まとめ
カラリストや動画編集者でも使えるプロ仕様のカラーパネルでありながら、従来のカラーパネルと比べるとコンパクトでお手頃価格でもあるという「DaVinci Resolve Micro Color Panel」が、映像機器メーカーのBlackmagic Designから登場しています。「DaVinci Resolve Micro Color Panel」はPCだけでなくiPadでも使用できるということで、実際に使えるようにするまでの設定方法をまとめました。 DaVinci Resolve Micro Color Panel (JA) | ストア Blackmagic Design https://www.blackmagicdesign.com/jp/store/davinci-resolve-and-fusion/color-panels/W-DRE-121 プロ仕様のトラックボールやリングコン
HSL: An Intuitive Way to Represent Color in CSS - Help Scout
When writing CSS, the most common formats we use for expressing a color are either a hex code or an RGB value. But are they the best way? Learn to see color as an artist with HSL.Read the full article
カラー電子ペーパーAndroidタブレット「BOOX Go Color 7」発売、モノクロ電子ペーパー搭載「BOOX Go 10.3」も
SKTは、6月11日に電子書籍リーダー「BOOX Go Color 7」「BOOX Go 10.3」の予約販売を開始した。一部モデルの予約と出荷は6月下旬～7月中旬以降となる。 BOOX GoColor7はアスペクト比4：3の7型サイズで、カラー電子ペーパーを搭載したタブレット。Google PlayストアからAndroidアプリをダウンロードでき、KindleやKobo、DMMブックスなどのアプリも利用できる。物理キーも備え、最大2TBのmicroSDXCスロットも利用可能だ。 取り外しやすい純正のマグネティックケースも提供し、サイズは156（幅）×137（高さ）×6.4（奥行き）mm、重量は約195g。市場想定価格は4万9800円前後で、カラーはブラックとホワイト。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Figma]variablesの使い方-Color-｜koppi