Mastodawn

Imani Joy, designer at @Mastodon – A Solo Designer’s Survival Guide to the Fediverse at FOSS Backstage Design (@fossdesign)

https://www.youtube.com/watch?v=oNxpTvbTy54

#opensource #opensourcedesign #UX

Imani Joy – A Solo Designer’s Survival Guide to the Fediverse #FOSSDesign

YouTube

Dion 4d ago

Show thread

katherine 4d ago

this is my best textual impression of my neighbourhood #birds

🪾 house sparrow: tweep twop tweep twop
🕊️ mourning dove: ooooh-whoa, oooh ooh-oooh
🔺 northern cardinal: doo-wop doo-wop, dweeee dweee bup-bup-bup-bup-bup
🐦 blue jay: caaaw caw
🎩 black-capped chickadee: teee-ee hoo
🎀 robin: eep... eep (this is one of their calls that I think is funny because it sounds like the squeak of a chair or something)

Dion 5d ago

Ariel Salminen 5d ago

I’m excited to announce the 1̶s̶t̶ 7th release candidate of Elena today! 🫶

Elena is a simple, tiny library for building Progressive Web Components. Unlike most web component libraries, Elena doesn’t force JavaScript for everything.

Crafted with love and care using HTML, CSS & plain JS: https://elenajs.com

Elena | Progressive Web Components

Elena is a simple, tiny library for building Progressive Web Components.

Elena

Show thread

Dion Mar 21

@SaraSoueidan The password reset form on Mastodon doesn't have a heading:
https://mastodon.social/auth/password/new
But I fixed it last week so it won't stay like this for much longer. :⁠-⁠)

Show thread

Dion Mar 19

@kizu At the same time, do you think it'd make sense to raise this case as an issue/gap somewhere, to encourage solving this in a simpler way? Something like `auto-span` for grid.

Show thread

Dion Mar 19

@kizu Ah, that's epic, thank you! I was hoping that the `round` function could help with this, need to look more into `calc-size`. Once this is more widely supported, it should make for a much better baseline to enhance it with JS from, to fill any gaps.

Show thread

Dion Mar 18

@kizu For a bit more context, the PR where this was implemented: https://github.com/mastodon/mastodon/pull/37976

It's been the first time in a good while that a simple looking non-masonry layout stumped me like that. My initial reaction was that we'd surely find a way to implement it without JS.

Profile redesign: Account fields grid by ChaosExAnima · Pull Request #37976 · mastodon/mastodon

This updates the account fields to match the latest design. In this version, each field is a card that can cover 1-4 columns in a grid. Content that still overflows is pushed into a modal, with an ...

GitHub

Show thread

Dion Mar 18

@kizu We had to use JS for the upcoming redesign of custom fields on Mastodon profiles. The design spec defined wrapping items to be sized based on their (user-generated) content, but to have their widths rounded up to "snap to" even column edges. The first half of that is easy to achieve using flexbox, the latter half seemingly impossible (including with grid) if you can't manually assign classes that determine how many columns an item can span.

Dion Mar 14

Trilobyter Mar 14

Caught this #squirrel splooting in one of the trees behind our backyard a few days ago. Sometimes you just need a good sploot. Temperatures here hit 90F (32C) earlier in the week, they’ve since come down to more seasonable coolness, but the sustained summer heat is not far off 😞.

#SaturdaySquirrels #photography #squirrels #SquirrelsOfMastodon #BackyardWildlife