On this week's Oxide and Friends, @bcantrill.bsky.social and I were joined by @benleonard.bsky.social to talk about the amazing Oxide rack explorer (explorer.oxide.computer) he designed, turning CAD models into a 3D interactive site.

Added the ability to load templates from GitHub Gists with our little ASCII tool: mitos.shared.oxide.computer?gist=35b5b8b...

@oxide.computer CLI keyring

Web 3d explorer for @oxide.computer. Built in three.js/r3f. Tonnes of little interactions and details in this. Poke around, and take a look at the guided tours. explorer.oxide.computer

The poster of this year Lyon's Algorave is out ! Printed using risograph thanks to Eidamned and Ralt144mi. If you are in France around May 2nd, book the date for a blast of a night with 44 artists for 12 hours of live coding performances ! #textmode #pixelart #poster #livecoding #algorave

Animated ASCII illustrations for solutions pages. Previously I had the ASCII completely separate and it was never clear whether to use the faux UI illustration or the ASCII but blending the two becomes a bit more interesting.

Interactive 3d explorer with React Three Fiber. Worked with an artist to fix the topology and reduce the size of the CAD model. Custom LUT to more closely match the colour grade of the renders.

I was struggling to get a full height hero to work here until I realised I could dynamically change the number of racks on screen. From the latest @oxide.computer (oxide.computer) refresh.

Amongst other things, I am MUCH better at coding and making software having worked with David all this time.

hello. are you an incredibly good UI designer? want to work with people who will love and respect your work and your process? want to make $250k (same as every other employee) and work fully remote? take a look

The height of this container is responsive but I wanted to create a `#` border without any partial characters. Discovered I could use `round(up, 100%, 1lh)` to round up to the nearest multiple of the mono char line height.

Lots of fun working on a light mode theme for the @oxide.computer design system, backed by an generative OKLCH palette and Figma plugin for token syncing

Happy New ASCII Blog Header Day (for those who celebrate) oxide.computer/blog/our-200...

For those doing any sort of semi-automated colour or theme management – any workflow recommendations? Fixed contrast ratios results in dull green/yellows, but something like HSLuv washes out the other colours. Any approach better than rough generation then manually nudging by eye from there?

cool job at a very special computer company - write TypeScript and Rust - everyone makes $235k - fully remote - everything is open source

Been fun collaborating on a web 3d rack explorer UI for @oxide.computer with @krystianzun.com. It always feels a little magic to have shared state between the main UI and the canvas so the user can interact with either. Placeholder content and rack model coming soon.

The soul of a new machine

Little responsive type scale tip with @tailwindcss, you can use container query units to scale your text in relation to the container size e.g. `font-size: 8.75cqw;`. In this case, I want the padding to be uniform regardless of screen size. tailwindcss.com/docs/respons...

Super simple Figma plugin that generates realistic mock content based on layer names with special patterns. github.com/oxidecompute...

Business cards for @oxide.computer Front: Single colour custom matched digital Pantone + hit of white Back: Oxide logo blind deboss Colorplan Racing Green duplex 2 x 270gsm Die cut rounded corners 2mm Printed by www.with-print.co.uk

Last week, we were treated to an extraordinary talk internally at @oxide.computer. It was at once an expository talk of a complicated software system and an experience talk of developing systems software in the large -- and it was far too good to keep to ourselves! oxide.computer/blog/systems...

Each year the @oxide.computer team comes together and meets at an internal conf. It's a good excuse to make something pretty. This year it's a coin, with a snapshot of our compute sled's PCB and modular logo.

Here's a technique I've used previously to implement noisy gradients at almost 1/10th of the file size (noise compresses very badly). Essentially splitting it into two layers; base blurry colour image, and a repeating noise image overlayed on top with a CSS blend mode. codesandbox.io/p/sandbox/wy...

Happy to say that we've (@oxide.computer) raised $100M for our Series B ... which was a wonderful excuse to work on this little featured blog header ASCII element. With text trimming, responsive text sizing and funky SDF coins

🎉We raised $100M USD in our Series B financing. Thank you to USIT for leading this round, to our existing investors for their participation, and to our team, customers, and community for getting us to where we are today! oxide.computer/blog/our-100...

Page not found

spin

Working through some ideas for a featured blog header, would be animated or interactive ASCII mixed with text aligned to the same baseline grid

"What's more hyper than hyper?"

Fun/weird side-effect of Oxide's stack all being open-source. Today v0 stubbed some of the mock data using actual names of services in our product.

When I started at @oxide.computer 4 years ago, I didn't know Rust ... I still don't, nor do I want to learn, but it's been a lovely experience. Thanks for having me 💚

Fixed sidebar toggle (mitos.shared.oxide.computer), partially inspired by the T3 Chat version

Binding code variables to inputs with a commented annotation

Little by little they get better at ASCII diagrams ... with some intervention in Monodraw

tick

Working on updated cover art and full page show art (apple podcasts) for @oxide.computer's podcast. Typographically a nod to punch cards.

motion.dev layout animations melt my brain

Working on some OG images

Need to find the time to work on an @oxide.computer rack setup manual. Something beautifully simple, ring bound perhaps.

*blink*

Power efficiency isn’t just eco-friendly, it provides a competitive advantage with improved compute density per watt. Oxide systems cut power use by 55% and boost cooling efficiency 12x. Adopt power-first designs to save costs, reclaim space & grow smarter: oxide.computer/blog/how-oxi...

Fair enough

Added export colour controls to brand tool (mitos.shared.oxide.computer) In addition to the mp4 and gif export, makes it a little more useful for making one-off social assets

Little AI docs popover

Nice little collection of public domain paintings, posters and illustrations. See this set of Dietmar Winkler posters for MIT artvee.com/artist/dietm... from @laurasinisterra.posts.cv's newsletter

Published the ASCII illustration tool I've been working on for @oxide.computer (mitos.shared.oxide.computer) and it's even open-source: github.com/oxidecompute...

ASCII for blog refresh

Exploring working between Figma and my little ASCII asset generator. The ability to copy between them makes iterating on these things super easy.