デザインとエンジニアリングの狭間で - SaCSS

歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic

谷さんセッション。やっと谷さんに会えたでござる…！ #sacss pic.twitter.com/B17stz0Auh

拡大

tomo_e🐾ただの犬好き @tomo_e

せんでんされてるよ！ウィチケ！ #sacss pic.twitter.com/8bIl3OYKLz

拡大

たく3.0 @takumin_88

「デザインとエンジニアリングの狭間で」。次のタイトルからして気になってた。 #sacss

tomo_e🐾ただの犬好き @tomo_e

マメヒコかわゆー #sacss pic.twitter.com/VWTD8jdQYZ

拡大

HB_sai @hb_sai

CATSにいるけど犬が好きw #sacss

うぇびん(holyKurka) @webbingstudio

サイバーエージェントの谷さんのお話だ。FLOCSSを定義した人だよ。聞かなくちゃ。最近は私の中では犬アカウント。ああ、ああ。マメヒコかわいいよ github.com/hiloki/flocss #sacss

Вёе @bee_d2b

会場内の動物飼ってる率ってどんぐらいなんだろw #SaCSS

コモモ先生 @komomoaichi

まめひこ🐕かわいぃぃ😍😍😍 #sacss

サトウ ハルミ / フロントエンド専門 FLAT @uzu

谷さんのセッション。マメヒコの動画きたー。かわいい❤️ #sacss pic.twitter.com/rYYqr6XD0X

拡大

えび𝕏🍤 @pino_ebiebi

デザインの言語化、明文化 #SaCSS

Toro_Unit（山の上のとろゆに） @Toro_Unit

#sacss たのしそーだなー

えび𝕏🍤 @pino_ebiebi

WCAGにコントラストの基準がある #SaCSS

うぇびん(holyKurka) @webbingstudio

ASP型CMS「CANVA」の色を選ぶ機能は面白いらしい。名前からイメージさせる流れなどがあるらしい。気になる。コントラストは4.5 : 1以上で。 canva.com #sacss

ima ℤ @PUPRL

Colors ってめちゃくちゃググラビリティわるいな…! ツール?の名前じゃないのかな? #sacss

akahappa @akahappa

contrast-grid.eightshapes.com #sacss

めがね 大串肇 @ 👓 #はたらきかたフェス2023 @megane9988

canva.com/colors/color-p… オシャンな色を選んでもらえそう。 #SaCSS

えび𝕏🍤 @pino_ebiebi

contrast Grid #sacss

ナガ＠加工肉製造業みたいな名前のウェブ制作会社の従業員 @nagasawaaaa

contrast Grid contrast-grid.eightshapes.com #sacss

ima ℤ @PUPRL

contrast-grid.eightshapes.com Contrast Grid #sacss

ぐっちー@ぐぐりモグラの地底人：園ジニア！ @redamoon

contrast-grid.eightshapes.com こういうのあるのね #sacss

いつか @itsuka0311

#sacss タグ追うだけでも勉強になる アクセシビリティは難しいけど知ることからはじめよう٩( 'ω' )و

うぇびん(holyKurka) @webbingstudio

Chromeの開発ツールでコントラストをプレビューできるようになったんですが、確かに4.5を切ると注意されますね #sacss

うぇびん(holyKurka) @webbingstudio

Sassなどで使う色のコードネーム（色名ではなく）。基準色を primary としたら、より明るいと primary_light より暗いと primary_heavy など。 #sacss

Вёе @bee_d2b

変数として指定できるから"共通言語"として色が使えるっていうの強みだよなあ #SaCSS

歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic

色のセマンティックス名、いつも悩む。 theme/base/accent/primary/waning/error この辺りは定番名だけど、ハマらないデザインとかやっぱりあって。 #sacss