fedica; Solar Eclipse Computer; Vanilla Breeze

Massive sleep disruption thanks to having to pick up #4 at 0-dark-30 from a French Honors multi-day travel excursion plus being distracted with adding more chapters to the “Cooking With DuckDB” book means today’s assortment of resources will have varying degrees of expository and zero cohesion. (This is somewhat made up for by said extra DuckDB book chapters.)

fedica

Apart from some hacked-together scripts and fledgling, bespoke personal web apps, nothing I use can post to both Mastodon and Bluesky. There are folks I nigh cannot live without on both platforms, so I need to stay in both worlds. I’ve been waiting for Buffer to buy a clue about Bluesky, but I just discovered Fedica, and one quick test shows it works, so here’s a quick intro to it.

This service offers a suite of tools that cater to the needs of what the “biz” calls “content creators”, marketers, and “social media professionals”. I work with a couple of these folks in my role at work and they are all having a truly horrible time navigating the complexities of online community building across multiple, diverse platforms. Fedica offers comprehensive analytics, but that’s not what y’all care about (at least I do not think so).

For me (and, likely, you) it offers a way to post to pretty much everything — including Mastodon & Bluesky — at once. It’s like the aforementioned Buffer service, but it has some fancier scheduling capabilities and some “AI” enhancements.

Thanks to the folks who confirmed my cross-post test before I even had a chance to check myself!

I now need to do a few days’ poke at how skeezy these folks may be (they are a marketing firm, after all). I shall report back once that happens.

Solar Eclipse Computer

(SUPER quick section; and, I’m somewhat late to the party on this, as I know there are some l33t tools for performing this analysis; but, simple is fine for me for this use-case.)

We’re not going to make it to another destination for the April 8th total eclipse, so I wanted to see how much cover we’d have and was impressed at the simplicity of the Navy’s Solar Eclipse Computer. The section header gives you the sad results (95% is cool and all, but it won’t be super impressive).

I do like the fact that they have a “how did we make this” section, which may be interesting to others as well.

Vanilla Breeze

Longtime Drop readers know I dislike/detest Tailwind for CSS. I won’t re-hash why, here, but I was glad to discover Vanilla Breeze. It’s an online tool that lets you turn Tailwind-classed HTML tags to semantic CSS.

I’m prototyping something at work and the UX design+implementation team uses Tailwind, so this has been a $DEITY-send for me. Just paste in a spec and get back some real, proper CSS.

Given this “pill” code:

<span class="inline-flex items-center font-medium rounded-md text-xs px-1.5 py-0.5 bg-emerald-50 dark:bg-emerald-400 dark:bg-opacity-10 text-emerald-500 dark:text-emerald-400">NEW THING</span>

it converts it to this HTML:

<span class="my-pill">NEW THING</span>

and CSS:

span.my-pill {
  display: inline-flex;
  align-items: center;
  font-weight: var(--tw-font-weight-medium);
  border-radius: var(--tw-border-radius-md);
  font-size: var(--tw-font-size-xs);
  line-height: var(--tw-line-height-4);
  padding-left: var(--tw-size-1_5);
  padding-right: var(--tw-size-1_5);
  padding-top: var(--tw-size-0_5);
  padding-bottom: var(--tw-size-0_5);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--tw-color-emerald-50) / var(--tw-bg-opacity));
}

:is(.dark span.my-pill) {
  background-color: rgb(var(--tw-color-emerald-400) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}

span.my-pill {
  --tw-text-opacity: 1;
  color: rgb(var(--tw-color-emerald-500) / var(--tw-text-opacity));
}

:is(.dark span.my-pill) {
  --tw-text-opacity: 1;
  color: rgb(var(--tw-color-emerald-400) / var(--tw-text-opacity));
}

combo with zero pain.

FIN

Remember, you can follow and interact with the full text of The Daily Drop’s free posts on Mastodon via @dailydrop.hrbrmstr.dev@dailydrop.hrbrmstr.dev ☮️