@sarajw@front-end.social
@sarajw@front-end.social avatar

sarajw

@sarajw@front-end.social

Fresh front-end dev and techy generalist, mum of 2, euro-mongrel (🇩🇪 🇬🇧 🇸🇪), lapsed swing dancer & DJ, erstwhile tall ship and dingy sailor, crocheter, lefty.

Work with :react:, but ❤️ vanilla :html5: :css3: :javascript: (particularly ✨CSS✨ 🥰)

Cis het - she/her, supporting :BLM: :a11y: 🏳️‍🌈 🏳️‍⚧️

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

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

We’ve always told devs that browsers prioritize what to implement based on dev demand.

There is one exception: .

SVG is used on >65% of websites. Yet, browsers have been refusing to work on SVG, ignoring pressure and pain points from web devs.

showed SVG as the top content pain point: https://2023.stateofhtml.com/en-US/features/content/#content_pain_points

Tons of work (SVG 2, fill & stroke, and more) has sat unimplemented for years. At this point, in standards circles, we know not to touch SVG with a barge pole.

[1/2]

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

New post: “Recent CSS Bookmarks 16”

https://blog.kizu.dev/recent-css-bookmarks-016/

Another big batch of bookmarks: more than a month worth of them.

As usual, with that number of them (32!), I grouped them into eight sections: Colors and Themes, CSS Layouts, Typography, Future CSS, Selectors, Shapes and Effects, Everything Else and My Articles.

eleventy, to random
@eleventy@fosstodon.org avatar

All of the talk videos are now published on YouTube (and in a playlist): https://www.youtube.com/playlist?list=PLwhCq3ZFGOGgetCSWisU2pkl9AFwQVxWJ

(Each talk page on the conf.11ty.dev web site has a link to the respective video too)

klickreflex, to random
@klickreflex@freiburg.social avatar

My happy pepper sticker by @sarajw is in good company 🤗

vasilis, to random
@vasilis@social.vasilis.nl avatar

Dear native English speakers, when do, and when don't you use the word "minutes" when you tell the time?

For instance, would you say “It’s two to two” or would that always be “It’s two minutes to two?”

Wondering when I can leave out the minutes, and when I should definitely use them. Any ideas?

robb, to random
@robb@social.lol avatar

⭐ We Are the Curators of the Web by @bjhess https://bjhess.com/posts/we-are-the-curators-of-the-web

"In my opinion we must look within for the solution. We are the human beings that are meant to curate the web."

I don't have anything right now but I've been thinking about this a lot the past couple of months.

📌 https://rknight.me/links/we-are-the-curators-of-the-web/

WebAxe, to accessibility
@WebAxe@a11y.info avatar

Happy Global Accessibility Awareness Day! How are you celebrating? https://accessibility.day/

zachleat, (edited ) to random
@zachleat@zachleat.com avatar

📮 New blog post: An organizer’s retrospective on the 11ty Conference

https://www.zachleat.com/web/11ty-conf-retro/

A small look at what goes into organizing an inaugural online conference, including a detailed budget rundown.

vasilis, to random
@vasilis@social.vasilis.nl avatar

Did you know that are still tickets left for the incredible Pre-CSS-Day event on the day before CSS Day?
https://www.eventbrite.nl/e/pre-css-day-tickets-872463962197

stephaniewalter, to accessibility
@stephaniewalter@front-end.social avatar

Let’s talk about dark mode and accessibility! There’s a myth that dark mode is good for accessibility, because it improves text readability. It's not always true.

The full article and resources on my blog: https://stephaniewalter.design/blog/dark-mode-accessibility-myth-debunked/

belldotbz, to random
@belldotbz@mastodon.social avatar

📝 New on Piccalilli: How a handful of independent publishers are doing their thing

I really like paying good writers so I thought I’d recommend a handful of publications I’m paying for and look at how they do things.

https://piccalil.li/blog/how-a-handful-of-independent-publishers-are-doing-their-thing/

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

thanks to everyone who took the time to watch my talk last week at the first 11ty conference! that was a total blast and i have just now caught my breath lol.

here's the demo repo as promised — i’ve included a basic README guide, comment-annotated the code, and added my bibliography so there's plenty more material to explore. <3

https://github.com/xdesro/posse-with-11ty/

klickreflex, to random
@klickreflex@freiburg.social avatar

This video shared by David de Léon in his talk „The Gentle Art of Design Feedback“ is so so so good. Kids giving valuable design feedback without hurting the criticized ❤️https://youtu.be/E_6PskE3zfQ?si=OCcPz76FHRZeO0g8

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

I like the web monetisation proposal being brought forward by @ppk:

  • Beloved sites get sold and dropped or "eaten by AI", and the reason is money.
  • For those willing, a trickling micro payment stream could send a few cents every few seconds from a reader's wallet to that of a website owner.
  • The readers would control their max rate and max outlay per month, for example.
  • The readers could block certain sites/domains from receiving money.
  • There are still lots of open questions!

#BTConf

ioana,
@ioana@hachyderm.io avatar

@sarajw @lukem

hey - an older version of this talk can be seen here - things changed a bit in the meanwhile but it still has the same concept
https://www.youtube.com/watch?v=9vS5PDqxNgk

Let me know if u have any questions.

cory, to random
@cory@social.lol avatar
michelle, to random
@michelle@front-end.social avatar
dansinker, to random
@dansinker@omfg.town avatar

This week I gave a talk at the 11ty International Symposium on Making the Web Real Good. It was about Question Mark, Ohio and about how the web is still a place of endless possibility. I've adapted the talk into a blog post for you.

Read "Building a Town that Doesn't Exist" on my site: https://dansinker.com/posts/2024-05-10-doesntexist/

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

I think this pepper has had the same week as I had (cc @sarajw)

ben, to accessibility
@ben@a11y.info avatar

There was an interesting question in the chat I wanted to surface.

Say your site styles are responding to the prefers-contrast: less media query. Must they still conform to the relevant 4.5:1 and 3:1 contrast ratios when the media query is active?

ben,
@ben@a11y.info avatar

@Kilian @sarajw @scottohara There's a lot of really good back and forth on this at https://github.com/w3c/wcag/issues/2889, but it doesn't actually seem to have landed on any one direction.

Possible It Depends™️ factors include whether there's a "default" experience, and whether the site is purely keying off of OS/browser preferences or if it (also?) has a theme selector.

Generally, default experiences should conform, and changing themes should be easy and accessible.

anniegreens, to random
@anniegreens@social.lol avatar

📝 From Apple Annie's Weblog

CSS Color Modules and Changes, Part I: https://weblog.anniegreens.lol/2024/05/css-color-modules-and-changes-part-i

2024-05-09

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

It's starting soon!

https://conf.11ty.dev/

Catch mine at 20:10 UTC:
https://conf.11ty.dev/2024/light-mode-versus-dark-mode/

(But please watch the others before me because I'm nothing compared to them! So much to learn!)

sarajw,
@sarajw@front-end.social avatar

That apparently went quite well :)

I can't reach the chat any more and wasn't able to watch it while presenting so I missed the conversation that happened then - but I'm totally open to any questions you may have, whether I can answer them or not!

Slide deck is here: https://whynotboth.sarajoy.dev

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

What pattern will emerge from this union?

simeon,
@simeon@indiehackers.social avatar

@sarajw BTW Aaaarghhhh!

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

What options are there to properly fight spam in a static website? Are there any?

Or if I get access to a database endpoint, maybe via an ORM rather than PHP - I can put my entries in there, but how can I run spam checks?

I currently use Netlify Forms, they run Akismet and it's awesome. But I'd like to make my email contact form and guestbook form independent from Netlify if I can.

Every site I'm finding in my search for spam filters and contact forms seems to be all about wordpress plugins 🫠

ovidem,
@ovidem@mastodon.social avatar

@flamed @sarajw Wanted to let you know that the form spam blocking service now has an individual subscription option (at $3/month) instead of requiring getting the bundled Pages plan!

https://indieaisle.com/form-spam/

rdela, to 11ty
@rdela@mastodon.social avatar
rdela,
@rdela@mastodon.social avatar
  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • thenastyranch
  • magazineikmin
  • InstantRegret
  • GTA5RPClips
  • ethstaker
  • Youngstown
  • everett
  • slotface
  • osvaldo12
  • rosin
  • mdbf
  • kavyap
  • DreamBathrooms
  • megavids
  • ngwrru68w68
  • Durango
  • modclub
  • cubers
  • khanakhh
  • Leos
  • tacticalgear
  • cisconetworking
  • vwfavf
  • tester
  • anitta
  • normalnudes
  • JUstTest
  • All magazines