Ms Boba (rebuilding community era)
@essentialrandom.bsky.social
https://essentialrandomness.com
Software engineer (and more) on a mission to bring community back to the web. Founder of @fujoweb.dev, https://fujocoded.com/ and https://bobaboard.com/. Loves building random, chaotically-delightful stuff. 🇪🇺🇺🇸
Software engineer (and more) on a mission to bring community back to the web. Founder of @fujoweb.dev, https://fujocoded.com/ and https://bobaboard.com/. Loves building random, chaotically-delightful stuff. 🇪🇺🇺🇸
The new split (paired with reordering individual rules to build a better progression and narrative) really helps create those very important natural breathing—and sometimes skipping!—points.
You can't keep flexbox from being a meaty chunk to digest, but you can set a nice table (of contents)
You can't keep flexbox from being a meaty chunk to digest, but you can set a nice table (of contents)
November 10, 2025 at 9:53 PM
The new split (paired with reordering individual rules to build a better progression and narrative) really helps create those very important natural breathing—and sometimes skipping!—points.
You can't keep flexbox from being a meaty chunk to digest, but you can set a nice table (of contents)
You can't keep flexbox from being a meaty chunk to digest, but you can set a nice table (of contents)
For example, here you can see the difference between the Table of Content for the CSS pt.1 after yesterday's revision vs when I started. While the content was already written, the order and progression of the topics felt overwhelming—partly unavoidable, since it's *a lot* of important concepts.
November 10, 2025 at 9:53 PM
For example, here you can see the difference between the Table of Content for the CSS pt.1 after yesterday's revision vs when I started. While the content was already written, the order and progression of the topics felt overwhelming—partly unavoidable, since it's *a lot* of important concepts.
Haven't been keeping people *quite* as informed about progress on this as I intended for our ~accountability push~ 💪🌟, but in my defense this is what the more accurate todo list turned out in practice
...but it's also a perfect representation of the level of care put in the learning experience 👩🏫✨
...but it's also a perfect representation of the level of care put in the learning experience 👩🏫✨
November 10, 2025 at 9:53 PM
Haven't been keeping people *quite* as informed about progress on this as I intended for our ~accountability push~ 💪🌟, but in my defense this is what the more accurate todo list turned out in practice
...but it's also a perfect representation of the level of care put in the learning experience 👩🏫✨
...but it's also a perfect representation of the level of care put in the learning experience 👩🏫✨
Torpedo'd my morning a little so today's progress will have to be later in the evening (hopefully), but I am pretty proud of this content warning I added. It's also the perfect excuse to talk about "text-wrap: balance", "vw" units, and potentially* alpha channels in colors.
November 4, 2025 at 10:18 PM
Torpedo'd my morning a little so today's progress will have to be later in the evening (hopefully), but I am pretty proud of this content warning I added. It's also the perfect excuse to talk about "text-wrap: balance", "vw" units, and potentially* alpha channels in colors.
And with this, the week continues—it's until Wednesday, so I can still meet the schedule!!
If you're interested in this digital pack, you can pre-order it from our store for the current, unbeatable price of only $5. Previews shipping soon!
store.fujocoded.com/products/oth...
If you're interested in this digital pack, you can pre-order it from our store for the current, unbeatable price of only $5. Previews shipping soon!
store.fujocoded.com/products/oth...
November 4, 2025 at 1:26 AM
And with this, the week continues—it's until Wednesday, so I can still meet the schedule!!
If you're interested in this digital pack, you can pre-order it from our store for the current, unbeatable price of only $5. Previews shipping soon!
store.fujocoded.com/products/oth...
If you're interested in this digital pack, you can pre-order it from our store for the current, unbeatable price of only $5. Previews shipping soon!
store.fujocoded.com/products/oth...
The rest of today will be dedicated to rearranging the individual CSS rules, adding or removing details. I already did a lot of fiddling while writing this summary!
The goal is to create a narrative flow where each step builds on the previous, balancing approachability with a nudge towards depth.
The goal is to create a narrative flow where each step builds on the previous, balancing approachability with a nudge towards depth.
November 4, 2025 at 1:26 AM
The rest of today will be dedicated to rearranging the individual CSS rules, adding or removing details. I already did a lot of fiddling while writing this summary!
The goal is to create a narrative flow where each step builds on the previous, balancing approachability with a nudge towards depth.
The goal is to create a narrative flow where each step builds on the previous, balancing approachability with a nudge towards depth.
In this first pass of the final pass, I focused on the overall structure: one thing we only saw after putting words to bytes, is that the content is *long*. They're really comprehensive lessons!
So, I've been splitting each file in sections to help with overwhelm and give natural resting points.
So, I've been splitting each file in sections to help with overwhelm and give natural resting points.
November 4, 2025 at 1:26 AM
In this first pass of the final pass, I focused on the overall structure: one thing we only saw after putting words to bytes, is that the content is *long*. They're really comprehensive lessons!
So, I've been splitting each file in sections to help with overwhelm and give natural resting points.
So, I've been splitting each file in sections to help with overwhelm and give natural resting points.
We've already wrapped up the lesson content for the HTML and JS parts—a lengthy process since a) it's our first pack of this type b) it was planned by me, but written by github.com/riazaia!
What's missing is my final pass on our CSS to make language, formatting, and content the best they can be!
What's missing is my final pass on our CSS to make language, formatting, and content the best they can be!
November 4, 2025 at 1:26 AM
We've already wrapped up the lesson content for the HTML and JS parts—a lengthy process since a) it's our first pack of this type b) it was planned by me, but written by github.com/riazaia!
What's missing is my final pass on our CSS to make language, formatting, and content the best they can be!
What's missing is my final pass on our CSS to make language, formatting, and content the best they can be!
Accountability time! As promised, the report on yesterday's progress for the upcoming Fortune Cookies Digital Pack 🥠🎁 and the "CSS pass #1" phase I—finally!—got done.
tl;dr context: at the core of our pack is an HTML/CSS/JS lesson that guides you through the code for a random fortunes generator.
tl;dr context: at the core of our pack is an HTML/CSS/JS lesson that guides you through the code for a random fortunes generator.
November 4, 2025 at 1:26 AM
Accountability time! As promised, the report on yesterday's progress for the upcoming Fortune Cookies Digital Pack 🥠🎁 and the "CSS pass #1" phase I—finally!—got done.
tl;dr context: at the core of our pack is an HTML/CSS/JS lesson that guides you through the code for a random fortunes generator.
tl;dr context: at the core of our pack is an HTML/CSS/JS lesson that guides you through the code for a random fortunes generator.
OK I KNOW I SAID TWO HOURS but I swear I was done before this (and just got distracted doing more Astrolabe 👀).
Please admire the new and improved structure of our digital items codebase!!
With this, we can now move forward to filling our digital pack, all in a single place!
Please admire the new and improved structure of our digital items codebase!!
With this, we can now move forward to filling our digital pack, all in a single place!
October 30, 2025 at 1:54 AM
OK I KNOW I SAID TWO HOURS but I swear I was done before this (and just got distracted doing more Astrolabe 👀).
Please admire the new and improved structure of our digital items codebase!!
With this, we can now move forward to filling our digital pack, all in a single place!
Please admire the new and improved structure of our digital items codebase!!
With this, we can now move forward to filling our digital pack, all in a single place!
Looking forward to building more and more on Astrolabe—it's been a long time in the making, and now more relevant than ever.
See this come to light in yesterday's (very long) coding session 👉 www.twitch.tv/videos/26030... 👈 and join us this Thursday as we set up Astrolabe's GitHub issues!
See this come to light in yesterday's (very long) coding session 👉 www.twitch.tv/videos/26030... 👈 and join us this Thursday as we set up Astrolabe's GitHub issues!
October 28, 2025 at 9:48 PM
Looking forward to building more and more on Astrolabe—it's been a long time in the making, and now more relevant than ever.
See this come to light in yesterday's (very long) coding session 👉 www.twitch.tv/videos/26030... 👈 and join us this Thursday as we set up Astrolabe's GitHub issues!
See this come to light in yesterday's (very long) coding session 👉 www.twitch.tv/videos/26030... 👈 and join us this Thursday as we set up Astrolabe's GitHub issues!
What makes doing this on ATproto unique is that this emojiset lives in my PDS so anyone can use it, and display it. And with Astrolabe, setting it up is just one small configuration away 👇💖
Astrolabe repo:
github.com/FujoWebDev/a...
(packages aren't published yet, but soon!!)
Astrolabe repo:
github.com/FujoWebDev/a...
(packages aren't published yet, but soon!!)
October 28, 2025 at 9:48 PM
What makes doing this on ATproto unique is that this emojiset lives in my PDS so anyone can use it, and display it. And with Astrolabe, setting it up is just one small configuration away 👇💖
Astrolabe repo:
github.com/FujoWebDev/a...
(packages aren't published yet, but soon!!)
Astrolabe repo:
github.com/FujoWebDev/a...
(packages aren't published yet, but soon!!)
We did it! Yesterday, we got Emojisets on ATproto working 🎉🎊🥳
See them in action using our Astrolabe preview: astrolabe-editor.netlify.app?path=/story/...
And explore the full record here: pdsls.dev/at://did:plc...
See them in action using our Astrolabe preview: astrolabe-editor.netlify.app?path=/story/...
And explore the full record here: pdsls.dev/at://did:plc...
October 28, 2025 at 9:48 PM
We did it! Yesterday, we got Emojisets on ATproto working 🎉🎊🥳
See them in action using our Astrolabe preview: astrolabe-editor.netlify.app?path=/story/...
And explore the full record here: pdsls.dev/at://did:plc...
See them in action using our Astrolabe preview: astrolabe-editor.netlify.app?path=/story/...
And explore the full record here: pdsls.dev/at://did:plc...
October 28, 2025 at 1:11 AM
Nothing to see here, but something to see at stream.place/essentialran...
October 28, 2025 at 1:06 AM
Nothing to see here, but something to see at stream.place/essentialran...
Come work on Astrolabe, the universal social text editor I've been concocting! I'll be explaining what it is, how it works, and then try to make decentralized emojis on ATproto happen!
stream.place/essentialran...
www.twitch.tv/essentialran...
stream.place/essentialran...
www.twitch.tv/essentialran...
October 27, 2025 at 11:35 PM
Come work on Astrolabe, the universal social text editor I've been concocting! I'll be explaining what it is, how it works, and then try to make decentralized emojis on ATproto happen!
stream.place/essentialran...
www.twitch.tv/essentialran...
stream.place/essentialran...
www.twitch.tv/essentialran...
this could be you 😈
October 24, 2025 at 6:27 PM
this could be you 😈
...and we're back! Time to integrate our new editor!
github.com/FujoWebDev/a...
stream.place/essentialran...
github.com/FujoWebDev/a...
stream.place/essentialran...
October 24, 2025 at 1:24 AM
...and we're back! Time to integrate our new editor!
github.com/FujoWebDev/a...
stream.place/essentialran...
github.com/FujoWebDev/a...
stream.place/essentialran...
I know fannish folks have been wanting something like this for ages for their own content!! Not sure if it's part of a lexicon, but something about distribution rights metadata is *definitely* something I can see a bunch of platforms share for user generated content.
October 21, 2025 at 2:14 AM
I know fannish folks have been wanting something like this for ages for their own content!! Not sure if it's part of a lexicon, but something about distribution rights metadata is *definitely* something I can see a bunch of platforms share for user generated content.
people: "hey ms boba can we see the Lexicon you made for this PDS record?"
me:
(I didn't make it)
me:
(I didn't make it)
October 17, 2025 at 9:22 PM
people: "hey ms boba can we see the Lexicon you made for this PDS record?"
me:
(I didn't make it)
me:
(I didn't make it)
The result of yesterday's work: a Web Component connected to a "rolodex" Lexicon on my PDS, featuring all my contacts. When the contacts are updated, the embedded social cards update automatically.
See the data in my PDS here: pdsls.dev/at://did:plc...
and the PR here: github.com/FujoWebDev/f...
See the data in my PDS here: pdsls.dev/at://did:plc...
and the PR here: github.com/FujoWebDev/f...
October 17, 2025 at 9:18 PM
The result of yesterday's work: a Web Component connected to a "rolodex" Lexicon on my PDS, featuring all my contacts. When the contacts are updated, the embedded social cards update automatically.
See the data in my PDS here: pdsls.dev/at://did:plc...
and the PR here: github.com/FujoWebDev/f...
See the data in my PDS here: pdsls.dev/at://did:plc...
and the PR here: github.com/FujoWebDev/f...
Oh yes, text generously provided by @haetae.cozy.fan
You can see the original here
haetae.leaflet.pub/3lzi4z4g6kc26
You can see the original here
haetae.leaflet.pub/3lzi4z4g6kc26
October 13, 2025 at 10:51 PM
Oh yes, text generously provided by @haetae.cozy.fan
You can see the original here
haetae.leaflet.pub/3lzi4z4g6kc26
You can see the original here
haetae.leaflet.pub/3lzi4z4g6kc26
Gonna stream in 15 minutes. Was supposed to be a hour ago, but I *had* to get a baseline editor of @leaflet.pub documents in your own blog (or app) going.
Missing conversion of a few types, but as a proof of concept it will do. Now to get changes back into Leaflet, or create the doc from scratch...
Missing conversion of a few types, but as a proof of concept it will do. Now to get changes back into Leaflet, or create the doc from scratch...
October 13, 2025 at 10:49 PM
Gonna stream in 15 minutes. Was supposed to be a hour ago, but I *had* to get a baseline editor of @leaflet.pub documents in your own blog (or app) going.
Missing conversion of a few types, but as a proof of concept it will do. Now to get changes back into Leaflet, or create the doc from scratch...
Missing conversion of a few types, but as a proof of concept it will do. Now to get changes back into Leaflet, or create the doc from scratch...
This may or may be the right way to do it, but one day I'll put "used the bind function" in my resume as proof that you can give me any JS library and I *will* figure out how to bend it to my will
October 13, 2025 at 4:33 PM
This may or may be the right way to do it, but one day I'll put "used the bind function" in my resume as proof that you can give me any JS library and I *will* figure out how to bend it to my will