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

nprofile1qqsfqj0uq2vadkuflqksq27jtfcpvkpjjwmqpan54yx9ha028g3cxhqpz3mhxue69uhhyetvv9ujuerpd46hxtnfduqs6amnwvaz7tmwdaejumr0dsp7ctrp

Publishing to

relay.damus.io

nos.lol

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-08-30 12:32:09

- reply

fair. Maybe I was being a bit hopeful!

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-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.