06:11:30 @sayunu@mofu.kemo.no
icon

なるほど…「transform-style: preserve-3d」をスクロール枠まで維持すれば、ヘッダー画像に視差効果を適用できるんだ。途中の「overflow」は消さないといけないし、背景色の奥に沈んでしまうのも回避しないといけない。そもそもヘッダーを覆い隠したいわけではないんだよな。利用者が選んだ色合いを本文の背景に影響させたいだけであって。

07:00:15 @sayunu@mofu.kemo.no
icon

ヘッダー画像をクリックまたはタップで押し続けている間、重なっている文字などが下へ退避して、ヘッダーを鑑賞できるようにしてみました。(それなら元から重ねないでおけばいいのでは、という感もなくはないけど…。)

07:46:01 @sayunu@mofu.kemo.no
icon

「どかせるんだったら、かぶせても大丈夫」という判断で、もっと大胆に本文と重ねてみました。駄目かな…。読みにくかったらまた調整します。あとメモ欄は後方へ移動しました。

Attach image
08:08:15 @sayunu@mofu.kemo.no
icon

表示領域の横幅が狭い場合を別途考えた方がいいかも。ヘッダーは原則的に横長という事になってるので、根本的に馴染んでない。(そもそもボタン類の表示が窮屈という問題もあるけど…。)

18:21:42 @sayunu@mofu.kemo.no
icon

横幅が狭い場合は、あまりヘッダー領域を縦に伸ばさないようにしました。

18:28:10 @sayunu@mofu.kemo.no
icon

ヘッダー画像の見せ方をこんなに勝手に変えていいのか、とも思うけど、そもそも ActivityPub でやり取りされる色んな情報は相手側で想定通りに表示される保証がないからなあ。プロフィール画像すら正方形なのか円なのか不定だし。ヘッダーについてはツイッターでの表示も変遷したし。一般論としてヘッダーは外周が切り落とされる可能性が高いから、見せたい被写体を中央に寄せて、周りの余白を大きく取った画像がいいと思います。

18:33:35 @sayunu@mofu.kemo.no
icon

マストドンのプロフィール設定画面は縦横比 1:3 の画像を期待している雰囲気だけど、連合タイムラインの人々のヘッダーを見てみると全然そうなってない(そこまで細長いのを用意してる人は少ない)。寸法について何も前提を置けないので、大雑把に敷くしかない。

18:56:48 @sayunu@mofu.kemo.no
icon

Mastodon v4.1 の初期状態では、表示領域が広い場合のヘッダー画像は「縦 145、横 578」の寸法で表示されてる。つまり約 1:4 なので元々一貫してない。

19:35:08 @sayunu@mofu.kemo.no
icon

ヘッダーが背景に敷かれる領域に「backdrop-filter」で曇りガラスの効果を掛けました。画像の内容が騒々しくても読みにくさを抑えられたと思います。(最近の CSS は便利だなあ。)

21:27:39 @sayunu@mofu.kemo.no
icon

@tizerm やはりソフーでしたか。私はどう描けばいいかすごく迷ったな…。

21:37:33 @sayunu@mofu.kemo.no
icon

このあと だいちゃん(@daibaka)から正式に告知されると思うけど、しふたろうさん(@shiftal_on)に描き下ろしていただいた絵を mofu.kemo.no の表紙に飾りました。

mofu.kemo.no/about

かわいらしくて楽しくて大変よい感じ ! 象の形の乗り物がマストドンサーバーを表してるわけですね :blobcataww:

Web site image
もふけもの。
21:38:30 @sayunu@mofu.kemo.no
icon

ていうか「告知はお任せする」と言いながら私が先に書いてるのごめんね、だいちゃん。

09:27:43 @sayunu@mofu.kemo.no
icon

本当に鑑賞に影響があるくらい激しく解像度を下げてツイッター跡地に載せる事にしようか 🤔

09:39:20 @sayunu@mofu.kemo.no
icon

さておき、おはようございます。風が超強い :MastodonMissingHue2:

10:49:02 @sayunu@mofu.kemo.no
icon

@sorahamu たんおめです :blobcatbirthday:

14:17:55 @sayunu@mofu.kemo.no
icon

「ちょっと輪郭が甘い」とか「ちょっとノイズがある」みたいな生っちょろい低画質化ではなくてね。

17:25:39 @sayunu@mofu.kemo.no
icon

あたし、robust な絵を描くから(そこそこノイズがあっても読み取れるような信号の分布を持つキャラクターを描くから)(頭身が低くて誇張・省略されているから)読み取れなくするにはかなり情報を破壊しないといけない。

17:43:45 @sayunu@mofu.kemo.no
icon

媒体次第で再現不能になるような繊細さより、どこまでも伝わる明瞭さを求めてるのは元々自覚してる。「頭身が低いといい」というのは、かつて語ったように「顔面だけ情報の密度が不釣り合いに高いのが嫌い」という事なのだわ。(かわいいのもあるけど。)(頭身が高いと情報が偏るし、かわいくないし、良い事ない。)(文字を書く時、フォントを作る時、線の間隔が詰まったり離れたりしてると美しくないので、同じような物だ。)

23:14:32 @sayunu@mofu.kemo.no
icon

Bluesky が招待不要になったって時に作られた個人アカウントは今どれぐらい動いてるのかな。

23:37:58 @sayunu@mofu.kemo.no
icon

おー。Mastodon.social と Fedibird で全文検索を試してる。