Meguro.css #5 行ってきました

行ってきました Meguro.css。　Meguro.esと併せて気になっていたのですが、
今回初めての参加となります。

今朝、「Meguro.css行ってくるっすー」ってチームのメンバーに話したら、
「目黒界隈のMeetupってめっちゃ強いから気をつけたほうがいいよ」とは言われていたのですが、
マジでめっちゃ強くてビビりました。やばい。


今日のLTは下記のラインナップでした。
1.CSSだけでウェブサイトをドット化する方法
2.リニューアルを行う際にやったcssのルール作り
3.styled-componentsで脱CSSModules
4.CSS で MS を作る
5.create-nuxt-app で選べる現代の UI フレームワーク
6.オブジェクト指向プログラミングをSCSSで雑に(小声)紹介してみる
7.Dark side of the Web

また、懇親会の裏で「Try! CSS 3D」というワークショップをやっていました。

順番が前後しますが気になったものをピックアップ。

Dark side of the Web

OSのライトモード・ダークモードを、
メディアクエリの「prefers-color-scheme」で絞り込みできるよというセッションでした。

ちなみにMac OS MojaveのSafariでしか使えないみたい。
初めてみたメディアクエリだったのでびっくりしました。

詳細はとして、セッションしてくれた方のブログ記事はこちら
prefers-color-scheme を用いた Dark Mode 対応と User Preference Media Features | blog.jxck.io

CSSだけでウェブサイトをドット化する方法

box-shadow はいいぞというセッションでした。

普通に要素に影をつけるだけかと思いきや、
要素から離れたところに何個でも色付きのスクエアを置くことができるので
CSSでドット絵なんてことができるのですね！

なんの前振りもなくCSS芸という単語がでてきてびっくりするワイ氏、
今日のCSS芸中、このセッションが唯一コードがなんとか想像できる範疇に収まる。

「box-shadow はコスパのいいcss芸」とは？🤔となっていたのですが、
今日一日のCSS芸を見ていくと、なるほどコスパのいいcss芸と言わざるを得ません。

CSS で MS を作る

CSS で MS（Mobile Suit）を作ったというセッションでした。

CSSだけで平面のガンダムの絵ができていて、
なんかこう意味わかんなかったけどすごかったです。
わかりそうででもやっぱり全くわからん。

今日みた他のcss芸（3D）とか一体何が何やら……

ワークショップ「Try! CSS 3D」

懇親会の裏でやってましたワークショップ。
ピックアップしといてなんですが私は懇親会の方でずっと駄弁ってました。
でもなんだか面白そうな雰囲気。

ワークショップなので「CSS芸？全くわからん」な私も
これさえやればCSS芸の一歩になるのでは？

ということで気になったのでスライドのリンクをぺたり。
Try! CSS 3D


余力があれば週末にでも挑戦してみたいと思います。←やらなさそう


ちなみに懇親会で何人かと話してみたところ、
CSS芸みたいなことをやってます/できますみたいな人はいなかったので、
「そうだよね、出来るのが当たり前ではないよね」みたいな謎の安心感を得たりしました。
目黒怖い（（（