Lightnews — Scholar-powered news

Sara Joy ☠️

@sjoy.lol

7K followers 1.4K following 3.9K posts

Front end developer. Extremely online since 1998! HTML, CSS & a touch of JS. Into web accessibility and inclusivity in general. I'm a cis het elder millennial mum of 2, she/her. ♿✊🏿🏳️‍⚧️🏳️‍🌈 https://sarajoy.dev (see also @sarajw.front-end.social.ap.brid.gy)

sarajoy.dev

Posts Media Videos Starter Packs

Pinned

Sara Joy ☠️ @sjoy.lol · Apr 5

Helloooo!

If you are following me and wondering why I'm not terribly active, feel free to also follow @sarajw.front-end.social.ap.brid.gy

That's my rather more active Mastodon account. I still post a bit here and reply too, I just don't always crosspost everything.

Happy weekend!

3 14

Sara Joy ☠️ @sjoy.lol · 1m

On my way to @webdevconf.com!

#Klassenfahrt #SchoolTrip

My luggage: A small red pull-along case plus a pirateship.com tote placed atop it, standing on an oak-leaf strewn pavement while waiting for a bus.

Reposted by Sara Joy ☠️

Bruce Lawson @brucel.bsky.social · 11h

The accessibility overlay fact sheet that @5t3ph.bsky.social alluded to at #smashingconf is at overlayfactsheet.com/en/

Overlay Fact Sheet

An open letter about accessibility overlays.

overlayfactsheet.com

2 4

Sara Joy ☠️ @sjoy.lol · 12h

It is! I've been wanting just to do silly stuff for ages, but when I get the time I never have any ideas, so the prompts are helping so much

Reposted by Sara Joy ☠️

Matthias Ott @matthiasott.com · 17h

✍️ New post: CSS :is() :where() the Magic Happens
🪄

#blogtober #css #css #css
matthiasott.com/notes/css-is...

CSS :is() :where() the Magic Happens · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

4 24

Sara Joy ☠️ @sjoy.lol · 16h

Lolol best of luck

Sara Joy ☠️ @sjoy.lol · 17h

...but to be honest it's not always clear. Sometimes a vid just give me the ick. And I tell the kids so, and we stop watching that one and choose something else.

I *hope* somehow I'm teaching them what's not real, what's uncanny, and what to do when something makes us feel weird (browse awaaay!).

Sara Joy ☠️ @sjoy.lol · 17h

I bet they were.

Ugh AI videos are just so ubiquitous already - I regularly sit with my kids and let them watch a few minutes of youtube, often shorts, with me. They get to pick.

Some of the videos, yeah, no. I talk to them about how something is weird and probably not real, and why I think that.

Dare Obasanjo @carnage4life.bsky.social · 18h

Sora is a stunning technical achievement, but 2 choices were poorly thought out:

1. Letting people create & share copyright violations like Pikachu vs. Sonic fistfights is a DMCA minefield.

2. Allowing users to deepfake others into crimes or slurs is an abuse disaster waiting to happen.

1 4

Sara Joy ☠️ @sjoy.lol · 17h

Day 8, containers: sarajoy.neocities.org/weirdwebocto...

#WeirdWebOctober

2 5

Sara Joy ☠️ @sjoy.lol · 1d

Day 7, sub-optimal: sarajoy.neocities.org/weirdwebocto...

#WeirdWebOctober

Sara Joy ☠️ @sjoy.lol · 2d

Ooh! 😆

Sara Joy ☠️ @sjoy.lol · 2d

Sticker update!!

Alt text with help from @altbot.fuzzies.wtf.ap.brid.gy on Mastodon - with a bunch of corrections :)

A densely packed collage of colorful stickers, affixed to a dark laptop. The stickers feature a variety of themes, primarily related to web development, coding, and internet culture, with some whimsical and abstract designs mixed in.

There's a dominant color palette of pink, purple, blue, and white. Key stickers include those with text, such as “ANTI JAVASCRIPT CLUB,” “CSS IS AWESOME,” “TAKE HYPERTEXT TO HYPERSPACE,” “WEB PLATFORM,” “NO DEPLOYS ON FRIDAYS,” “HARD WORK PAYS OFF,” and “No link shaming.” Several stickers display cartoon-like elements, like ice cream cones, stars, and quirky characters, alongside symbols like atoms and code brackets.

Here's a detailed list of the stickers present:

"Nevertheless She Coded"
A skeleton dino saying "Roar"
"I ANXIETY JS"
"Self Care First"
"ANTI JAVASCRIPT JAVASCRIPT CLUB"
"I <3 CSS"
"I <3 a11y"
"VANILLA JS" partly hidden with a meaty skull-like cartoon ice cream cone
"No fox given"
"WEBSITES"
"State of the Browser"
"A Weird Wide Web"
"DevFest" on a folded paper boat
"I <3 Coding"
A laughing bell pepper
"CSS IS AWESOME"
Little yay.boo ghosts
"Stay Curious"
"Bill & Ted's Accessibility Adventure"
Pink cartoon omg.lol Prami hearts
"Accessibility WOKE Platoon"
"HARD WORK PAYS OFF"
A black Pirate Ship sticker
"Take HYPERTEXT TO HYPERSPACE"
Pink cartoon raccoon eating a cookie
"WEB PLATFORM"
A yellow ducky
"No link shaming"
"No DEPLOYS ON FRIDAYS"
A skull with a sword through it and flowers round it
Various abstract shapes and designs.

1 7

Sara Joy ☠️ @sjoy.lol · 2d

The one shared above was already the one I was looking for - but the more the merrier :)

Sara Joy ☠️ @sjoy.lol · 2d

UPDATE - "Ooh!" now added 😆

Sara Joy ☠️ @sjoy.lol · 2d

OK interesting!

Maybe I can make them play on hover /or/ click somehow, then once someone gets curious enough to click one, the rest will be off to the races on hover...

Sara Joy ☠️ @sjoy.lol · 2d

Day 6, solids: sarajoy.neocities.org/weirdwebocto...

I would quite like a little 'ooh' sound to play on hover (you will be able to see why!) - but I gather this isn't simply doable without getting the user to click somewhere first?

Has anyone got a good example I can look at?

#WeirdWebOctober

3 1

Sara Joy ☠️ @sjoy.lol · 2d

That must have been it! It looks familiar - I was obviously way out on the date 😅 I guess it was shared by someone in the last year.

Thank you!!

Sara Joy ☠️ @sjoy.lol · 2d

much luck*

Sara Joy ☠️ @sjoy.lol · 2d

Hey @jamieandlion.bsky.social - I'm fairly sure that you have a talk that I keep meaning to watch or listen to, and I've lost it!

I tried your website and scrolling down your feed here, but I'm not having much like.

I feel like you gave it in 2024, maybe? About accessibility and neurodiversity?

Reposted by Sara Joy ☠️

Matthias Ott @matthiasott.com · 4d

✍️ New post: European Tech Alternatives 🇪🇺

#blogtober #tech #software #europe
matthiasott.com/notes/europe...

European Tech Alternatives 🇪🇺 · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

5 22 51

Reposted by Sara Joy ☠️

Vale @vale.rocks · 8d

I'm going to make an effort to post a new CodePen every day through October.

I haven't been doing nearly enough creative coding as of late, so it'll be nice to have an outlet.

Here is day one: codepen.io/OuterVale/pe...

#CodePen #CreativeCoding

Bouncing Blobby Balls

*Note that this is a very aggressive and fast moving effect* A lava lamp style visual with lots of moving balls that appear to connect with one anothe...

codepen.io

1 2 21

Reposted by Sara Joy ☠️

Sara Joy :happy_pepper: @sarajw.front-end.social.ap.brid.gy · 3d

Current fave:

https://front-end.social/@sarajw/115321714248186227

A screenshot of a particular combination of animal allsorts, the following description shows underneath:

drool

A dromedary head, looking at us with knowing half-closed eyes. The body of a rooster. It is a deep rusty red, with petrol-blue tail feathers showing behind it. The bottom end of a seal, standing up on its tail flippers.

2 2

Sara Joy ☠️ @sjoy.lol · 3d

Haha yes!! And thank you 🙏

Sara Joy ☠️ @sjoy.lol · 3d

Day 5: remix - this one took me far too long!

sarajoy.neocities.org/weirdwebocto...

#WeirdWebOctober

1 1 7

Sara Joy ☠️ @sjoy.lol · 4d

Yessss!! Gosh is it this coming week already

Reposted by Sara Joy ☠️

Amy Hupe @amyhupe.bsky.social · 7d

We’re back baby!

Ep 1, S2 of Systems of Harm just dropped and we’re kicking off this series with design systems and accessibility specialist @gerireid.com

Tune in wherever you get your podcasts to hear us natter about design systems and activism

Apple: apple.co/42Zhx1s
RSS: bit.ly/43gtLkB

Design systems and activism with Geri Reid

Podcast Episode · Systems of Harm · 01/10/2025 · 53m

apple.co

3 7 32