Mark Malstrom

@malstrom.me

705 Followers 786 Following

Wake me up when the DEFCON levels have changed. They/them. https://malstrom.me

Designing detailed OpenAPI JSON structure ✎ Write: 🧾 docs/x-api/openapi.json · 843 lines │ 1 { │ │ 2 "openapi": "3.1.0", │ │ 3 "info": { │ │ 4 "title": "X/Twitter Internal API Compatibility Profile", │ │ 5 "version": "observed-2026-07-20", │ │ 6 "description": "An observational, read-oriented compatibility reference for undocumented X/Twitter internal endpoints. This is not an official API │ │ contract. Do not embed client secrets or use credentials, accounts, or data without explicit authorization. Opaque GraphQL operation IDs and payload shapes can │ │ change without notice." │ │ … 837 more lines ⟦Ctrl+O: Expand⟧
A small black cat (Tommy, Thomas, Tummy, Mr. Tumnus) lying asleep on a bed with beige checkered sheets and a rust-orange comforter as shot from behind a laptop screen
Meme: JESUS, I SEE WHAT YOU'VE DONE FOR OTHER PEOPLE, AND I WANT THAT FOR ME
Age Assurance Hey there! You are accessing Bluesky from a region that legally requires us to verify your age before allowing you to access the app. Based on your network, we think you're in Texas, United States. This estimate may be inaccurate if you're using a VPN. • Verify now Age assurance only takes a few minutes. Bluesky To log out, click here. Or if you'd prefer, you can delete your account.
wint @dril: and another thing: im not mad. please dont put in the newspaper that i got mad.
A screenshot of a Gem Job Application listing: Please explain how you sauce your bacon butty: red or brown? * [text area for replying] By applying you agree to Gem's terms and privacy policy. Save your info to apply to other roles faster & help employers reach you. Apply and save Apply without saving
Cat newspaper meme
A version of the “utopian society” meme where everything is rusty
Bottles of “Claude’s Original Marinades” in “BBQ Brisket” and “Fajita” flavors sitting on a grocery store shelf
"kira liquid cooling water" in the style of the TMNT logo
Remix-branded shipping containers being loaded onto a tanker at dawn/dusk; taken from the new cover image from the Remix Discord
An F1 car under a car cover in a pit garage with a "P" logo emblazoned on the cover. The "P" is roughly in the shape of a race track and there are three red checkers to the left of the "P". The "P" logo also appears in a sign above the garage. There are tires and toolboxes inside the garage as well as a person in a jumpsuit at the back of the garage behind the car with their back turned to the viewer.
A view of the moon from deep space, the Earth just barely visible rising over the top of it
A screenshot of the Vite Plugin Registry in Mobile Safari, showing search at the top and some cards for each plugin in a list. The cards are bleeding off the right edge of the screen and obscuring some information.
"use server"; import { query } from "@withsprinkles/server/functions"; import { setTimeout as sleep } from "node:timers/promises"; export const now = query.live(async function* () { while (true) { yield new Date(); await sleep(1000); } }); // ================================================================= "use client"; import type { LiveResource } from "@withsprinkles/server/functions"; import { use } from "react"; export function DateTicker( { resource }: { resource: LiveResource<Date> } ) { const date = use(resource.live()); const time = date.toISOString(); return <time dateTime={time}>{time}</time>; } // ================================================================= import { DateTicker } from "./DateTicker.tsx"; import { now } from "./now.ts"; export async function Route() { const liveDate = now(); // Automatically block the server-rendered response until the // initial promise resolves return <DateTicker resource={liveDate} />; }
brew tap markmals/tap brew install vite-plus
A real fucked-up arrow
webcomic name "oh no"
Screenshot from 30 Rock: Jack Donaghy standing in front of a chart showing how NBC is related to GE
Michael Corleone in The Godfather Part III: "Just when I thought I was out, they pull me back in"
A screenshot from Hover showing "sticking.place is available. Get it for your website!" with a price of $27.99 and an "Add to Cart" button
Logos for the VoidZero projects VOID ([Vite logo], [Oxc logo], [Vitest logo], [Rolldown logo]) The Vite logo is a purple lightning bolt The Oxc logo is a teal anchor The Vitest logo is a green checkmark The Rolldown logo is two red arrows pointing down
A white stone plate sitting on faux-marble with fluffy mashed potatoes, dark brown gravy, and ice cream scoop-sized meatballs on top
A screenshot of Chrome showing a white card on a gray background with some copy at the top, a search form in the middle, and a split view at the bottom with a list of library branches on the left and a map with pins of library locations on the right. Home > Meeting Spaces > Shared Learning Rooms Shared Learning Rooms For smaller groups. Rooms can be booked up to 2 weeks and not less than 2 hours in advance. Book from 15 min up to 2 hrs maximum. View Booked Calendar Location All Available Locations Date 02/03/2026 Duration 2hr Number of People ___ ☑️ Display/Screen ☑️ HDMI ☑️ Whiteboard [Search] 1. Carver Branch 2.5 mi 1161 Angelina St. 1 Room Available 2. Cepeda Branch 2.9mi 651 N Pleasant Valley Rd. 2 Rooms Available 3. Central Library 3.5 mi
A stainless steel pot of red-orange curry sauce with slices of chicken on a stovetop
Elotes, queso Oaxaca stuffed hatch chiles, grilled queso panela, salsa verde, onions and cilantro, corn and flour tortillas in a tortilla warmer
I know there had been some discussion about an ICE story? Will we see that this season? Yes, we have some ICE agents show up, and how that affects people in the hospital. That's been a tricky one to try and get right without being heavy-handed and being fair to everyone on both sides of that conversation. What else do we do this year? Some fun stuff. The kind of things you would expect over the Fourth of July weekend.
Yes… Ha Ha Ha… YES! > Sickos
A screenshot from GitHub: ruby/ruby.wasm ruby.wasm is a collection of WebAssembly ports of the CRuby. Language: Ruby Stars: 816
A 20oz squeeze bottle of Whataburger Spicy Ketchup with Cholula sitting on its cap. The bottle is transparent, showing the red ketchup inside. The cap is orange and the label is orange with vertical white stripes showing the Whataburger logo at the top with the product description in the center and an image of a bottle of Cholula in the bottom right corner of the label.
An image mimicking the classic “holy trinity” image used to explain the Christian belief in God, the Son, and the Holy Spirit, but it’s for TypeScript compilation: The TypeScript compiler generates a .js file from a .ts file. The TypeScript compiler generates a .d.ts file from a .ts file. The presence of a .d.ts file implies the presence of a .js file.
A logo of a beige cake on a baby blue background with sprinkles Icing withicing Icing on the cake of web development A logo of a chocolate frosted donut on a light pink background with sprinkles Sprinkles withsprinkles Sprinkles of tools and features for web development A logo of a dimensional loop-de-loop “L” with a gradient of pink at the top to blue at the bottom on a beige background loop loopui-dev A suite of libraries, frameworks, and tools for creating Uls
screenshot of a dark mode chrome window with astro starlight documentation for "loop": loop a suite of libraries, frameworks, and tools for creating ui's pink button: create an app with loop 🚀 white outline button: browse the loop packages 🧩 to the right of this copy there is a cursive lowercase l, stylized in a loop, dimensional with a blue to purple to pink to light red gradient traveling from the bottom loop to the top loop with a blooming pink and blue gradient behind it
A roast beef sandwich with fresh mozzarella and roasted red peppers on a French demibaguette with a side of jus dipping sauce — the same sandwich from the 30 Rock episode “Sandwich Day”
Happy Sandwich Day
God bless us, everyone!
And the dipping sauce. Oh, joy!
Oh, such sandwiches!
But they buy us these sandwiches
The Teamsters go to this Italian Sandwich shop in Brooklyn
export const listContacts = query( (query?: string) => client .contact .list .fetch<ContactRecord[]>({ search: { q: query ?? "" } }), api.contact.list, ); export async function* Sidebar(this: UI.Handle) { const router = this.context.get(Router); this.on(router, { change: () => this.update() }); let query = router.location.searchParams.get("q"); let contacts!: ContactRecord[]; for (const {} of this) { const previous = query; query = router.location.searchParams.get("q"); if (query !== previous || !contacts) { contacts = await listContacts(query); } yield ( <nav> {contacts.length ? ( <ul> {contacts.map(contact => ( <SidebarItem contact={contact} key={contact.id} /> ))} </ul> ) : ( <p> <i>No contacts</i> </p> )} </nav> ); } }
render: anyı } ? Router.› : R[K][K][K][K][K][K][K][K] extends RouteDefs<..› ? { [K in keyof {-readonly [K in keyof RIK][K][K][K][K][K][K][K]]: R[K][K][K] [K][K][K][K][K][K] extends { pattern: infer S extends string; render: anyi } ? Router > : RIK][K][K][K][K][K][K][K][K] extends RouteDefs< ...> ? { [K in keyof { -readonly [K in keyof R[K][K][K][K][K][K][K][K][K]]: R[K] [K][K][K][K][K][K][K][K][K] extends { pattern: infer S extends string; render: any, } ? Router.> : RIK][K][K][K][K][K][K][K][K][K] extends RouteDefs< ...› ? {IK in keyof { -readonly [K in keyof R[K][K][K][K][K][K][K][K][K][K]]:
Why this differs from the JSX/virtual DOM moment It’s tempting to compare criticism of directives to the early skepticism around React’s JSX or the virtual DOM. The failure modes are different. JSX and the VDOM did not masquerade as language features; they came with explicit imports, provenance, and tooling boundaries. Directives, by contrast, live at the top-level of files and look like the platform, which creates ecosystem expectations and tooling burdens without a shared spec.
Category Shared Syntax Shared Contract Result ECMAScript ✅ ✅ Stable and universal Framework APIs ❌ ❌ Isolated and fine Framework Directives ✅ ❌ Confusing and unstable
import { form, query } from '$app/server'; import { error } from '@sveltejs/kit'; import { LocalFileStorage } from '@remix-run/file-storage/local'; import * as v from 'valibot'; const storage = new LocalFileStorage('./user/files'); export const upload = form(v.object({ file: v.file() }), async (data) => { await storage.set(data.file.name, data.file); }); export const download = query(v.string(), async (key) => { const file = await storage.get(key); if (!file) error(404, 'Not found'); return file; });
A screenshot of Chrome showing the Remix Movies website, with navigation for movies, tv shows, and people at the top and a grid of trending movie posters below
- When people fainted, we banged on the cages and asked for a doctor. Then the guards came and said, 'We're going to gas you. It was standard for them to say that. They held up a gas cylinder and threatened to press it against us.
const response = await routes.api.data.fetcher({ searchParams: { state: event.currentTarget.value }, { signal } });
import {press } from "Cremix-run/events/press' import ¡ routes } from ../../routes.ts' export const ImageCarousel = hydrated routes. assets.hreff path: "image-carousel. js#ImageCarousel' 3), function (this: Remix. Handle, { startIndex = 0}: { startIndex?: number } = 0) € let index = startIndex let goPrev = (total: number) => { if (index <- 0) return index = index - 1 this. update( } Let goNext = (total: number) = { if (index >= total - 1) return index = index + 1 this. updateO) v RI 0 Auto Attach: With Flag -- NORMAL -- Q
Remix v3 in CD form
function App (this: Remix. Handle) { Let bpm = 60 return = ( <button on={tempo ((event) => { bpm = event. detail this. update() 3)} > BPM: {bpm} </button> لها ocument. body. appendChild (button)
app > public > entry.tsx>... import events} from "gremix-run/events" import {tempo} from "./01-intro/tempo" let button = document. createELement ("button") let bpm = 60 events (button, l tempo ((event) => { bpm = event.detail update() -), 1) function update() { button. textContent = "BPM: ${bpm} } update () document.body.appendChild(button)
app>public > 01-intro> tempo.tsx - remix-jam - ryan Add to Chat *L tempo.tsx> lel tempo Quick Edit 3K tion} from "@remix-run/events" export const tempo = createInteraction< HTMLButtonELemeni number > ("rmx: tempo", (f target, dispatch}) = { Let taps: number[] = [] let resetTimer: number = 0 function handleTap() { clearTimeout (resetTimer) taps.push(Date.nowO)) taps = taps.filter((tap) => Date. now -tap<4000) if (taps. length >= 4) { let intervals = [] for (let i = 1; i ‹ taps. length; i++) { intervals.push (tapsli] - taps[i -11) } let bpm = intervals.map( (interval) => 60000 / interval Let avgTempo = Math.round(
app > public > entry.tsx - remix-jam - ryan entry.tsx>... function handleTap() { resetTimer = window.setTimeout(0) => { taps = [] 4000) X #L to chat, &K to generate events (button, [ dom. pointerdown (handLeTap), dom. keydown ((event) => { if (event. repeat) return if (event.key === "Enter" || event.key === "") { handleTap() } 3), ..• 1) function update() { button. textContent = 'BPM: ${tempo}• } update() document.body.appendChild(button)
Ryan Florence holding a CD containing the Remix v3 source code
A store at night on a city street with a neon sign reading “WORLD OF POSTERS”
Alana Haim playing acoustic guitar on the left, Danielle Haim playing the drum kit in the center, and Este Haim playing the bass on the right, all standing on stage in front of a giant light up sign taller than them that is completely red with black dots spelling out the word “TITS” behind them as they play
A screen recording of a prototype iOS 26 app showing a tab bar with three grouped tabs (Home, Notifications, Profile) and a Search tab to the right of them. Above the tab bar sits a horizontally scrolling tab bar accessory view which lists buttons for feeds (Following, For You, Mutuals) with the selected feed highlighted. At the top of the app, the navigation bar displays the feed name and the trailing edge of the navigation bar displays a compose button.
A screen recording of the Castro iOS podcast player app, showing the now playing screen with three toggle buttons: Enhance Voices, Trim Silence, Continuous Play. Enhance Voices has a different button style than the other two buttons despite them all being the same shape and in the same row. Toggling any of them reveals a more confusing state and it’s unclear which button is in which state at any time or why one button is a different state than the others.