Sara Joy :happy_pepper:

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

Work with :react:, but ❤️ vanilla :html5: :javascript: ✨:css:✨ :awesome:

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

web: https://sarajoy.dev
RSS: https://rs.sjoy.lol
ring: https://cs.sjoy.lol
a11y: https://whimsica11y.net

Public Key

npub1jpylcq5e6mdcn7pdqq4ayknszevr9yakqrm8f2gvt0675w3rsdwql7yfwv

NIP-05 Address

sarajw_at_front-end.social@momostr.pink

Profile Code

nprofile1qqsfqj0uq2vadkuflqksq27jtfcpvkpjjwmqpan54yx9ha028g3cxhqprpmhxue69uhhyetvv9ujumn0wdmksetjv5hxxmmdqyt8wumn8ghj7un9d3shjtnwdaehgu3wvfskueqvdltm9

Publishing to

relay.noswhere.com

relay.nostr.band

Author Public Key

npub1jpylcq5e6mdcn7pdqq4ayknszevr9yakqrm8f2gvt0675w3rsdwql7yfwv

Show more details

Published at

2024-08-06T05:23:32Z

Kind type

0 Metadata

Event JSON

{ "id": "cae651f2507952db83eae6be24ffd5a6eb95afda19ad44a3367d6d1da93aac1a", "pubkey": "9049fc0299d6db89f82d002bd25a7016583293b600f674a90c5bf5ea3a23835c", "created_at": 1722921812, "kind": 0, "tags": [ [ "emoji", "react", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/016/843/original/fb6eaf6d77715776.png" ], [ "emoji", "html5", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/006/850/original/2194f6a3411f09ff.png" ], [ "emoji", "javascript", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/006/851/original/d7f021444ee17e58.png" ], [ "emoji", "css", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/104/496/original/c18cd8a300f061fb.png" ], [ "emoji", "awesome", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/016/662/original/5fa5509803056f14.png" ], [ "emoji", "BLM", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/016/660/original/28a9d1589b823641.png" ], [ "emoji", "a11y", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/016/657/original/ca7fb676e82d0ec7.png" ], [ "emoji", "happy_pepper", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/091/734/original/384b2f47a75c38bd.png" ], [ "proxy", "https://front-end.social/users/sarajw", "activitypub" ], [ "L", "pink.momostr" ], [ "l", "pink.momostr.activitypub:https://front-end.social/users/sarajw", "pink.momostr" ], [ "-" ] ], "content": "{\"name\":\"Sara Joy :happy_pepper:\",\"about\":\"Fronty-front-end dev and techy generalist, mum of 2, euro-mongrel (🇩🇪 🇬🇧 🇸🇪), cyclist, lapsed swing dancer \u0026 DJ, erstwhile tall ship and dingy sailor, crocheter, lefty.\\n\\nWork with :react:, but ❤️ vanilla :html5: :javascript: ✨:css:✨ :awesome:\\n\\nCis het - she/her, supporting :BLM: :a11y: 🏳️‍🌈 🏳️‍⚧️\\n\\nweb: https://sarajoy.dev\\nRSS: https://rs.sjoy.lol\\nring: https://cs.sjoy.lol\\na11y: https://whimsica11y.net\\n\",\"website\":\"https://front-end.social/@sarajw\",\"picture\":\"https://cdn.masto.host/frontendsocial/accounts/avatars/109/295/906/487/756/020/original/4e1de6f1ed3e50f9.jpg\",\"banner\":\"https://cdn.masto.host/frontendsocial/accounts/headers/109/295/906/487/756/020/original/07838999dfa35f86.jpg\",\"nip05\":\"sarajw_at_front-end.social@momostr.pink\"}", "sig": "70e58aaf6476c2966eee7ea13553247955eb832ef0be43327f171da1a7bb55076cf6005324ac2e26ed3e3833a61a2af153032b38889008b7ef5a967e56e439d8" }

Last Notes

2024-10-18 14:50:41

- reply

the avatar by [@andycarolan](https://social.lol/@andycarolan ) really does resemble me well!

2024-10-13 19:07:34

- reply

Added a nice little page full of elements - shows up what work I still have to do on my two themes!
https://11tytheme.sjoy.lol/elements
Also, a page for Contributors - existing and potential:
https://11tytheme.sjoy.lol/contributors/
Join uuuuussssssss 🎈

2024-10-10 09:40:16

- reply

I should say I've played with the mouse-following mode on screen readers and yes it's certainly doable, if a little chaotic, I would imagine not so many use that as a first preference.
@npub1gly…x4dg I know you've dipped into using the mouse and all kinds of other methods like OCR of the image on screen, when the accessibility of a page is poor - are there situations where you might have defaulted to the mouse first?
Is it another world entirely when you're gaming?

2024-10-10 09:03:46

A very sensible reasoning as to why AI isn't going anywhere and certainly not into AGI:
https://www.linkedin.com/posts/dthompsondev_coding-code-programming-activity-7249788243410370560-lWqO
(Yes it's a linkedin link sorry - hopefully reachable without logging in? But I also dislike links to tiktok, even if I had an account and could go searching for the source video!)

2024-10-07 13:54:53

- reply

currently I'm using the JS to add in the CSS file link. I thought that'd hold off the page load until it was done, but no 🤔

2024-10-07 13:53:49

- reply

it's not asynchronous that's the problem though... In fact if the JS properly blocked the page load until it was done, it might work better - but I get a flash of naked HTML and then the proper CSS comes through after.

2024-09-28 08:08:51

Eldest child is struggling with iterating a homebrew Lego Technic motorised car.
"Well you know that's how the best inventions came about, lots of trial and error. Do you think the first aeroplanes took off?"
"No..."
"You s--"
"That's because they must have been aeroplanes!"
"Eh, yes..?"
"Aerroplanes! Errorplanes! Get it?! Hihihihi!"
"Errorplanes! That's a good one!"
#parenting #puns

2024-09-27 07:48:08

- reply

Same. School was full of noxious, bullying people I was forced to spend my time with. My friendship group was great but the whole experience? Nah.
The people who look back at school as the best years of their life either wasted that time not setting themselves up well for their futures, or have had some really hard times since through no fault of their own.

2024-09-20 06:12:08

The accessibility statement on my own website is more of an admission of likely problems I've not yet spotted, and an invite to report any you find that I might not be aware of.
https://front-end.social/@matuzo/113168105924022374

2024-09-19 11:03:05

- reply

you got a codepen or something? If that's a normal button it surely shouldn't do that...

2024-09-08 20:08:58

- reply

same - and as much as I'm fairly convinced "the best camera is the one you have with you" and that a lot of times a 'snap' is all you need, some of my most treasured photos were taken with the 'proper camera' (for me an Olympus OM-D 10mkII, mirrorless micro 4/3). A bit of proper bokeh does wonders!

2024-09-07 19:22:30

- reply

Seeing as @npub1mza…kvkg and @npub15dl…nlg5 asked: I'm actually ashamed of what happened, it's not helping my feelings on the matter.
I was on the e-bike with my kids, a road was closed, no problem as we could use the sidewalk, but there was no ramp up the kerb.
I was like eh, I'll just stay on this top heavy child-laden bike and hump it up over the kerb, but something made me lose our balance and we very slowly fell over sideways together.
I'm having scary thoughts like "What if we'd fallen at speed?" 😶

2024-09-07 18:52:47

I hate the feelings of pure stupidity when I hurt myself.
As a kid you could just feel sorry for yourself and parents would look after you.
As a caregiver myself I now just feel like a big idiot.
(I'm OK. Sore shoulder and a couple of bruises. Will get shoulder checked out on Monday, hopefully.)

2024-09-04 18:19:27

- reply

this any use to you? https://front-end.social/@shadeed9/112820298300363408

2024-08-30 12:18:08

- reply

Maybe they mean for people needing wheelchairs and otherwise who struggle to ride bikes or walk very far?

2024-08-07 12:12:26

A baseline and hook remembered by all programmers of a certain age several times a day:
https://www.youtube.com/watch?v=vCadcBR95oU

2024-07-31 12:10:05

- reply

Oh they do! But then they can't receive a proper alt="" attribute

2024-07-31 09:51:08

Ugh wanting to use an SVG and have a proper ALT tage while also wanting to access the CSS styling thereof is a pig, isn't it?
#CSS #SVG

2024-07-29 19:21:00

- reply

thank you!

2024-07-29 18:52:41

- reply

when I start seeing the same stuff over and over, or my feed slows down, it at least hekps me look away, hahah

2024-07-29 18:51:40

- reply

how does Mastodon choose those?

2024-07-29 18:35:28

- reply

is it really though? It gets them addicted, for sure. The first Facebook feed had no algorithm. Or twitter. Or Tumblr. They were all chronological to begin with.

2024-07-29 15:04:33

Just realised that on Mastodon, boosting *is* the algorithm.
There's no code trying to cleverly show me stuff it reckons I'd be into, based on what my contacts are into, instead my contacts are saying "I like this, I bet my contacts would like it too" and that is way smarter than any algorithm.
Thank you, boosters!

2024-07-22 08:41:36

- reply

Thank you! Sometimes it's hard to tell whether an 'experimental feature' is new and on its way to adoption or falling by the wayside.. Maybe with this one we don't know yet.

2024-07-22 08:28:51

- reply

Was it this? https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing

2024-07-22 08:26:51

I'm sure recently something changed about input widths or sizes, that they could change to match the text?
Struggling to get the right search terms to find more information, halp!
#html #css

2024-07-17 17:14:37

- reply

Everybody's Free (To Write Websites)
Now also in audiovisual form!
https://youtu.be/v5UsuZ4DS_Q
With big warm joyful thanks to @npub1na4…2dsf for the audio and @npub12vd…57e8 for the visuals 🥰🔥🤩
Enjoy!! And write websites!!!

2024-07-16 12:33:16

- reply

Everybody's Free (To Write Websites)
https://sarajoy.dev/blog/write-websites
[ with thanks to Mary Schmich and Baz Luhrmann: https://en.wikipedia.org/wiki/Wear_Sunscreen ]

2024-07-16 12:14:54

- reply

Reference: https://youtu.be/sTJ7AzBIJoI

2024-07-16 11:59:03

- reply

Don't mess too much with your tabbing order, or by the time you've got arthritis, using a keyboard will be useless.
Be careful whose advice you buy, but be patient with those who supply it.
The old web is a form of nostalgia. Rebuilding it needs to be more than fishing the past from the disposal, painting over the inaccessible parts and recycling it for more than it's worth.
But trust me on the websites.
10/10

2024-07-16 11:58:09

- reply

Accept certain inalienable truths: connection speeds will rise, techbros will grift, you too will get old-- and when you do, you'll fantasize that when you were young websites were light-weight, tech founders were noble and fonts used to be bigger.
Respect the W3C.
Ask for help and people will support you.
Maybe you have a patreon, maybe you have venture capital funding; but you never know when either one might run out.
9/10

2024-07-16 11:57:50

- reply

Work hard to bridge the gaps in accessibility and responsiveness, because the older you get, the more you need the accommodations you didn't need when you were young.
Host on Netlify once, but leave before it makes you static.
Host on Überspace once, but leave before it makes you dynamic.
Contribute.
8/10

2024-07-16 11:57:27

- reply

Get to know the web platform; HTML, CSS and JS are there for good.
Be nice to your community; they are your hyperlinks that keep the web interconnected and the people who will give the web a future.
Understand that frameworks come and go, but for a precious few you should donate to the maintainers.
7/10

2024-07-16 11:57:09

- reply

Whatever you do, don't congratulate yourself too much, or berate yourself either. Your code is half spaghetti; so is everybody else's.
Enjoy your <body>. Style it every way you can. Don't be afraid of CSS, or what other people think of it. It's the greatest design tool you'll ever learn.
Animate, even if you only try it out in your local IDE or CodePen.
Read the documentation, even if you don't follow it.
Do not read React dev rel articles; they will only make you feel confused.
6/10

2024-07-16 11:56:36

- reply

The most interesting websites don't even have an introduction, never mind any blog posts. Some of the most interesting web sites I enjoy just *are*.
Add plenty of semantic HTML.
Be kind to your eyes, your visitors will appreciate a nice theme.
Maybe you'll blog, maybe you won't.
Maybe you'll have users, maybe you won't.
Maybe you'll give up that cool domain.
Maybe you'll sell that little project and hate what the buyers do with it.
5/10

2024-07-16 11:56:15

- reply

Don't waste time on shiny new frameworks; sometimes they're helpful, sometimes they're a trap. The web platform doesn't need gigs of node_modules.
Remember the guestbook entries you receive; forget the spam. If you succeed in doing this well, tell me how.
Keep your old site designs. Throw away your old nested <div>s.
Flex.
Don't feel guilty if you don't know what you want to do with your site.
4/10

2024-07-16 11:55:42

- reply

Don't worry about the scaling; or worry, but know that premature scalability is as useful as chewing bubble gum if your project starts cosy and small. The real troubles on the web are apt to be things that never crossed your worried mind; if your project grows, scale it up on some idle Tuesday.
Code one thing every day that amuses you.
Style.
Don't be reckless with other people's data; don't put up with people who are reckless with yours.
POSSE.
3/10

2024-07-16 11:55:18

- reply

Enjoy the power and beauty of PHP; or never mind. You will not understand the power and beauty of PHP until your stack is completely jammed. But trust me, in 20 years you'll look back at your old sites and recall in a way you can't grasp now, how much possibility lay before you and how simple and fast they were. JS is not as blazingly fast as you imagine.
2/10

2024-07-16 11:54:37

Everybody's Free (To Write Websites)
Enbies and gentlefolk of the class of '24:
Write websites.
If I could offer you only one tip for the future, coding would be it. The long term benefits of coding websites remains unproved by scientists, however the rest of my advice has a basis in the joy of the indie web community's experiences. I will dispense this advice now:
1/10

2024-07-15 16:18:15

- reply

Omg. Can I build something that runs my simple guestbook in PHP? I can also take control of my contact forms! The possibilities!

2024-07-15 13:46:10

I'm messing around with SSI bwahahaha - next up, PHP...
https://sarajoy.net
(hosted by @npub1mwg…vxzg #manitu)

2024-07-15 07:42:08

- reply

lol oh now what does that say about me 😅

2024-07-15 07:15:53

- reply

yeah I guess border effectively takes currentColor unless otherwise specified
Edit: oh lol now I followed the link, and there we go. I knew this behaviour from experience 😅

2024-07-14 09:31:03

- reply

I'm the same, I'm uh, well-insulated shall we say, so I feel OK in chilly air for longer - but once the cold has made its way through all the insulation - it's all cold and I guess it has a relatively high specific heat capacity, so it takes a while for heat to get through it again.

2024-07-07 21:23:37

- reply

exactly. The British general elections are increasingly about the party leader - but technically you're voting for the party, not the person. It'd be great to see all the candidates really pull together into a new governing team.

2024-07-04 08:38:04

- reply

This sounds very much like a good book.

2024-06-24 18:50:03

- reply

I think as long as you aren't a consistent downer with no levity at all, people mostly get away with it.
Somehow here I've gained a reputation for positivity and excitement and I have NO IDEA how it's happened because day to day I am the grumpiest grump. But it must be that I limit how much of that stuff goes online.
I'm sure you're both the same :)

2024-06-24 18:29:21

- reply

I don't see either of you as negative if that helps?
You both seem largely positive with occasional humorous snark, or rightful criticism of something or someone that deserves it.

2024-06-13 21:26:48

- reply

More content incoming, mostly the /testing page. It's just stuff off the top of my head for the moment, because I'm writing via my phone.
How cool is that though?! My main site has the blog pages in markdown format, and the rest is HTML. It's possible to edit it via GitHub (the app or web) but not very pleasant.
But when every page is an .md file, as my simple 11ty setup has it? GitHub handles that very nicely on my phone, I'm authoring and committing immediately - haha! So easy.
#11ty #a11y

2024-06-12 09:54:47

- reply

Here we go, first sub page:
https://whimsica11y.net/disability
Now - yes it's incomplete, as I am building in public. Also I can't guarantee every list is going to be exhaustive.
BUT if there's a glaring omission or if I've written something that is wrong - I want to know! Please tell me!
The W3C resources on WCAG are already amazing. I will be linking to them a lot. I'm trying to make a friendly route in, not rewrite what's already there :)
#accessibility #buildInPublic

2024-06-11 21:04:55

So... I bought a domain. I'm doing a thing.
Do people still #buildInPublic these days? Let's do it. It's in a very very sparse starting stage right now:
https://whimsica11y.net
(Yes, I bought https://whimsically.net too. Not whimsicaIIy.net though!)
#accessibility for hobbyists.
It'll be slow, and move forward in bursts. I'm excited though!

2024-06-11 06:51:34

Dear users of assistive technologies:
What, if any, personal websites and homepages have you really enjoyed? What was it about them?
Aside from personal sites, have any websites pleasantly surprised you? Amused or even delighted you?
These don't need to be specific accessibility-related things at all.
Being myself sighted and not disabled, I'm just not able to tell if what I enjoy can also be enjoyed across the board, and I'm very curious.
#accessibility #screenReaders #assistiveTechnology

2024-06-10 08:18:43

- reply

Already on the radar: https://www.deque.com/blog/ensuring-negative-numbers-are-available-for-everyone/
Looked at a few people complaining about the same problem and seeing the usual response from Apple techs: https://discussions.apple.com/thread/254773710?sortBy=best

2024-06-10 08:14:28

Anyone had experience with negative currency numbers and how screen readers read them?
Seems to be that VoiceOver has the worst trouble with it, just reading "-$246.31" out as positive, ignoring the "-".
Not so great when it's supposed to be an account balance!
#Accessibility #screenReader

2024-05-18 09:35:44

- reply

if it gets the issue more attention than "because accessibility" then good, but I hope that wasn't the reason and he just enjoyed telling the story 😅

2024-05-16 05:20:51

- reply

I find it hard being blocked, even when the person in question behaved badly.
Entirely unsurprising, but still sad.
Anyway, if you call yourself an ally, behave like one?

2024-05-15 21:38:06

In case anyone isn't aware why Thomas is flouncing off:
https://hachyderm.io/@thomasfuchs/112445125192710598
He clearly needs a break. That wasn't cool.

2024-05-14 15:51:32

David Dylan Thomas started his closing talk strong with such a good quote.
It's still going strong.
Like his talks title says:
"No, seriously, fuck engagement: Building a more human web"
#BTConf
https://cdn.masto.host/frontendsocial/media_attachments/files/112/440/239/123/921/013/original/0f3a6194a380ea60.jpeg

2024-05-10 16:42:26

- reply

I like to think a tipping point is coming.
The original, clean, simple, performant Google came about because of the bloat and ads and faff that was involved in using altavista, Lycos, yahoo etc... Something will upend it.