すらほとけ

福井
INFJ-A
CSSを流行らせようとしている

[すらほとけ @n_suraimu]

CSSは言語。状態管理もAPI取得も掲示板もCSSでできる。JSはローダの1行だけ。
@function / if() / ::column::scroll-marker / animation-trigger / scroll-timeline
全部盛りの作品集です
最新Chromeでどうぞ↓
https://t.co/GFMLl9tcTF

[すらほとけ @n_suraimu]

平らげた。33分でした

[すらほとけ @n_suraimu]

人生初キング牛丼頼んでみた…！

[すらほとけ @n_suraimu]

CSSは言語。状態管理もAPI取得も掲示板もCSSでできる。JSはローダの1行だけ。
@function / if() / ::column::scroll-marker / animation-trigger / scroll-timeline
全部盛りの作品集です
最新Chromeでどうぞ↓
https://t.co/GFMLl9tcTF

[すらほとけ @n_suraimu]

むっちゃ名前長いクッキー出たのかと思ったらスキンだった笑

[すらほとけ @n_suraimu]

https://t.co/z5lShuQ18B

やばー

[すらほとけ @n_suraimu]

@AbelardoIT @yui540 3n回クリックで元に戻るもの（display: noneなどで）を作れば、それらのセレクタで3状態を作れますよ

[すらほとけ @n_suraimu]

@makur0gaku Scratch4がなんとかしてくれると信じてる

[すらほとけ @n_suraimu]

@potetoichiro 半径2の円に内接する正多角形

[すらほとけ @n_suraimu]

ヤバいの作った！！
https://t.co/IXN54MFrIO

[すらほとけ @n_suraimu]

（正規表現エディターの常設展示してた人です）

[すらほとけ @n_suraimu]

初参加でした〜、来年もいきます
#SD2026Tokyo

[すらほとけ @n_suraimu]

ちょっと面白すぎる

[すらほとけ @n_suraimu]

などにより揺れる）

ブラックボックス3の式はよく分からなかった

Chromeで検証した結果。ほかのブラウザは知らないけど。

[すらほとけ @n_suraimu]

、K1, K2をsuperellipse()値として、t(K1, K2)=if(max(K1, K2) < 16) { 2 / (α_K1 + α_K2) } else { ∞ }, α_K=1 - 2^(-2^(-min(K, 0)))（K1, K2のどちらかが16以上の場合閾値無しで発動しない、K1, K2が16未満の正の場合0として扱う）ということが判明した。（エッジケースではページ拡大率や小数誤差

[すらほとけ @n_suraimu]

重複処理）
2. 次に、この計算後の時点のborder-radiusの対角ペアの値が、superellipse()による追い越しの閾値（ブラックボックス2）を超えている場合、その安全係数（border-radius値とsuperellipse()値によって算出される値?）（ブラックボックス3）を全体に掛ける。
ブラックボックス2の閾値tの式は

[すらほとけ @n_suraimu]

よく分からなかったので色々検証してみてこういう結論になった。
以下1, 2の順番で1個ずつ個別に処理される。（ブラックボックス1）
1. まず、border-radiusの4辺の値で辺の長さを超えている部分がある場合、うち最も超えている倍率の高い辺をちょうど収める係数を全体に掛ける。（従来のborder-radius

[池田 泰延 @clockmaker]

きれいな角丸、CSS編。

←機械的な角丸　スムーズな角丸→

[すらほとけ @n_suraimu]

トレジャーズで出しちゃったけど、それを加味してもカミュとマヤのほうが男女ペアだしよかったんではと思い始めた

[すらほとけ @n_suraimu]

ドラクエ12が出る頃にはドラクエ10のバージョンが12になってる説

[すらほとけ @n_suraimu]

40周年にしては出す情報少なすぎるとは思った