Show newer

@aescling so the problem being solved here is when you have two annotations, they shouldn’t overlap

using Float: Left plus Clear: Left prevents the overlap by making each annotation come after the end of the previous one

however floats normally do this:

text text blah blah blah, blah
┌───┐blah blah blah
│float │blah bleh bloop
└───┘blorg blah.

relative positioning shifts the float until it is in the margin, but it doesn’t affect the space reserved for it in document flow. to take care of that, we add a negative right margin equal to the width of the float, which effectively pulls the surrounding content in from the right, as if the float had no width.

to see, try disabling the Margin-Right in the web inspector. you’ll see the reserved space. disable Position: Relative, and you’ll see where the float would normally be placed.

@aescling uh, i didn’t look at that when i was writing this, and i’m pretty sure that that didn’t use Grid for sizing the areas (could be wrong), but the technique of using a float with margins that make it effectively 0 width is something i developed for that, yeah

REPOST: the kind of girl who knows about Unicode casefolding :so_cool:

@KitRedgrave @aescling also “kindness” in this case is mostly just a matter of keeping the project scope manageable lol

@KitRedgrave @aescling cutting dependencies is slated for code review, but there are few features in mastodon that nobody needs

@KitRedgrave @aescling right now the only major feature which i am actively interested in developing (and this will be a long‐term project if we do decide to do it) is pseud support; otherwise i would say my priorities are:

• making the code better at what it already does

• documenting the code better

• making mastodon play better with other technologies; reducing the amount of (usually poorly‐documented) mastodon‐specific conventions

• increasing user agency wrt their own data, what they can do with it, and what kind of information they can send out

long‐term i also might want to build a frontend which isn’t react/redux, but i really don’t much care about mastodon frontend development atm

@KitRedgrave @aescling for a walk down to the corner store (a 7‐11); we’ll grab a Slurpee® or maybe a hot chocolate if it’s cold

what does this do? idk, take it for a spin and find out :moggy:

Show thread

some quick CSS 

html{ Display: Grid; Padding: 0 1REM; Grid: Auto-Flow / 6FR 4FR; Gap: 1REM; Color: #000000; Background: }
body{ Display: Block; Position: Relative; Margin-Inline-Start: Auto; Margin-Inline-End: 0; Max-Inline-Size: 38EM; Font: Medium / 1.25 Serif }
ins[role=note]{ Display: Block; Box-Sizing: Border-Box; Float: Left; Clear: Left; Position: Relative; Right: Calc(-100% - 1REM); Margin-Right: Calc(-40% / .6); Border-Block-Start: Thin Solid; Border-Block-End: Thin Solid; Inline-Size: Calc(40% / .6); Padding: 1EM; Color: ; Background: ; Text-Decoration: None }
ins[role=note]::before{ Font-Weight: Bold; Content: "※ " }
mark{ Box-Decoration-Break: Clone; Margin: -3PX; Border: 2PX Groove ; Padding: 1PX; Background: }

anyway i read a powerpoint from some Ruby presentation on new internationalization features in 2.4 and one of the slides was just titled “Isn't ASCII-only Case Conversion Enough?”

Show thread

it never ceases to surprise me the sheer ignorance of programmers when it comes to text

you’re a programmer, all you *do* is text

Show thread

the kind of girl who knows about Unicode casefolding

i do love how it is like, a romance song

for an anime about Ash and Goh

“We’ll do everything together: Learning, training, never stopping! (Go! Go!)

Anywhere you’re going, so am I! Take me on a journey to your heaarrrrtt…”

Show thread

i have the theme song for Pokémon Master Journeys stuck in my head, which is a problem because it’s only 30 seconds

the solution to my writers block was to replace the sex scene with an epic pokémon battle

Show older
📟🐱 GlitchCat

A small, community‐oriented Mastodon‐compatible Fediverse (GlitchSoc) instance managed as a joint venture between the cat and KIBI families.