@swithinbank@webtoo.ls
@swithinbank@webtoo.ls avatar

swithinbank

@swithinbank@webtoo.ls

🖥️ Front-end engineer
:astro: @astro core maintainer
:starlight: Starlight lead
🔊 Musician
👤 he/him

This profile is from a federated server and may be incomplete. Browse more on the original instance.

swithinbank, to random
@swithinbank@webtoo.ls avatar

Early days, but @astro v4.9 just shipped the first experimental version of the Container API.

That means… full-text RSS feeds rendering MDX! 🎉

There are some rough API edges we’ll be working on polishing, but we just built a proof-of-concept live on stream in the Astro Discord community:

https://github.com/delucis/astro-blog-full-text-rss

Congrats on shipping this feature @ematipico 👏

swithinbank, to random
@swithinbank@webtoo.ls avatar

Learn how the new Speculation Rules API can speed up your site in @tunetheweb's Google IO talk: https://www.youtube.com/watch?v=bSua9vMdrNM

Then try it out with @astro's easy API! https://docs.astro.build/en/reference/configuration-reference/#experimentalclientprerender

swithinbank, to random
@swithinbank@webtoo.ls avatar

Accessibility can’t be an afterthought.

If a “cool tech feature” is not keyboard navigable, doesn’t work on a touch screen, is totally garbled on a screen reader, or [insert favourite common issue] then it’s not cool, it’s broken.

matthewp, to random

Just learned that Cornbread is not gluten free. wtf is wrong with this society.

swithinbank,
@swithinbank@webtoo.ls avatar

@matthewp Huh? The recipe I've made definitely is. Do some add regular wheat flour?

bramus, to random
@bramus@front-end.social avatar

To change a color based on Light Mode or Dark Mode, you’d typically use a prefers-color-scheme Media Query.

To make things easier, CSS now comes with a light-dark() utility function.

Read https://brm.us/light-dark to get to know the details.

Browser Support: Firefox 120.

swithinbank,
@swithinbank@webtoo.ls avatar

@bramus Oh boy, now that's a treat!

5t3ph, to CSS
@5t3ph@front-end.social avatar

✨ Turn on document.designMode for in-browser spell-checking

Design mode essentially turns every element into a contenteditable region, which enables spelling and grammar checking and is also useful for experimenting with text changes

swithinbank,
@swithinbank@webtoo.ls avatar

@5t3ph Woah, that is very cool! 👀

zachleat, to random
@zachleat@zachleat.com avatar

the infinite grift machine has finally churned out shakespeare this time, we promise

swithinbank,
@swithinbank@webtoo.ls avatar

@zachleat <tr>s by any other className would smell as sweet

surma, to random

Tech writers and readers:

For technical articles and blog post, what voice would you recommend/prefer (and whyyyy)?

1️⃣ “What we have set up so far...”
2️⃣ “What I set up so far...”
3️⃣ “What has been set up so far...”

swithinbank,
@swithinbank@webtoo.ls avatar

@surma Entirely context dependent, so:

2️⃣ in a blog post describing something you personally worked on.

1️⃣ is very common in tutorial style writing, BUT arguably not correct — if someone is following a guide you wrote, you're not there with them, so "we set up" should really be "you set up", the author addressing the reader directly.

That's the tone @astro's docs use throughout thanks to the oversight of @sarah11918, exemplified in the build a blog tutorial she wrote: https://docs.astro.build/en/tutorial/0-introduction/

stvfrnzl, to node
@stvfrnzl@mastodon.online avatar

Hey @astro, I tried running a brand new Astro project with but there seems to be an issue when installing the dependencies?

When running "npm run dev" it cannot find the "astro" command. When installing it with everything works fine and as expected (no error during dependency install). 🤷‍♂️

Screenshot of text prompts during the installation process of Astro with yarn. No errors, everything going smooth!

swithinbank,
@swithinbank@webtoo.ls avatar

@stvfrnzl @astro Hmm. If you cd into the project directory and run npm install after the wizard completes do you see any errors?

ppk, to CSS
@ppk@front-end.social avatar

Today I will write the first few pages of the part.

My request: please tell me about your cool, non-obvious selector tricks. I'd love to include a few in the book.

swithinbank,
@swithinbank@webtoo.ls avatar

@ppk I just used .child:not(:where(.exception *)) to escape some styles in the presence of a specific parent selector. That's pretty powerful compared to the explicit reset you'd need before :not() and :where() were available.

swithinbank, to random
@swithinbank@webtoo.ls avatar

Very excited to share a project I’ve been working on with the @astro team.

Starlight is a full-featured documentation theme, building on everything we’ve learned building Astro’s docs.

Check it out at https://starlight.astro.build/ and give us a star on GitHub if you like what you see! 🌟

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • mdbf
  • everett
  • osvaldo12
  • magazineikmin
  • thenastyranch
  • rosin
  • normalnudes
  • Youngstown
  • Durango
  • slotface
  • ngwrru68w68
  • kavyap
  • DreamBathrooms
  • tester
  • InstantRegret
  • ethstaker
  • GTA5RPClips
  • tacticalgear
  • Leos
  • anitta
  • modclub
  • khanakhh
  • cubers
  • cisconetworking
  • megavids
  • provamag3
  • lostlight
  • All magazines
    •