タグ

ブックマーク / note.com/seyanote (3)

  • デザイントークンって何?|seya

    「デザイントークン」 最近はよく使われている言葉だと思うのですが、意外と日語での情報がないのでまとめてみました。 W3C の定義実はデザイントークンには W3C という標準化団体でのワーキンググループがあります。 これが絶対の定義と思う必要はないと思いますが、共通の定義としては便利だと思うので引用するとこの W3C では Design tokens are indivisible pieces of a design system such as colors, spacing, typography scale. 訳: デザイントークンとは、色、スペーシング、タイポグラフィのスケールなど、デザインシステムを構成する不可分なピースのことです。 Design Tokens W3C Community Group https://github.com/design-tokens/commun

    デザイントークンって何?|seya
  • コロナにかかって一生寝たきりになるかと思ったが復活した話|seya

    私は2020年の9月に新型コロナに感染しました。そして感染してから半年近く満足に動けなかったり思考できない状態が続いていました。 (ちなみに私は20代後半、基礎疾患なし、軽症でした。) 具体的に述べると次のような症状に見舞われていました。 - 常に倦怠感 - 頭がボーッとする・モヤモヤした感じがある(ブレインフォグ) - 5分ほど歩いただけで極度の倦怠感が起こることがある、一度起こると2-3日疲労感が継続する - 人と話したり頭を使うことをすると頭痛が起きる - 色々起こる短期的な症状 - 胃痛、手が痺れる、強い悪寒 こういった新型コロナ罹患後の後遺症を海外では "Long-covid" という名前で呼ばれており、リハビリプログラムの研究なんかも進められています。 風邪なんて今までの人生ではどんなに長くても 4, 5日で治るものでした。想像以上に長く続いたため、自分はもしかして一生このまま

    コロナにかかって一生寝たきりになるかと思ったが復活した話|seya
  • CSSそこそこわかる人がとりあえず figma で何か作ることになった時の tips 集|seya

    こんにちは。こちらはLinc'wellアドベントカレンダーの24日目です。 最近 figma を使い始めたのですが、私はキャリアとしてはフロントエンドエンジニアとしての歴が長く、何か実現したいデザインが頭に思い浮かんだ時、思考としては 「display:flex の justify-content:space-between なレイアウト作りたいんだけどな〜」とCSSでイメージしてしまいます。 きっと同じ「CSSで言ってくれないと分かんない」という方もいらっしゃるのではないかと思ったので「CSSで言うこれはこんな感じで作る」という情報が役に立つのではないかと思い、今回筆を取りました。 ※ この記事は最初のとりあえずの索引としては有効だとは思いますが、真面目に入門する際には figma の公式チュートリアル動画を一通り手を動かしながら見ることをオススメします。この記事で書いていることは大体カ

    CSSそこそこわかる人がとりあえず figma で何か作ることになった時の tips 集|seya
    sig
    sig 2020/01/31
  • 1