Manuel Matuzovićmatuzo
Aug 16, 2023, 6:04 AM@tanepiper this link provides me with as much information as a div button a screen reader user.
(I see a blank page)
Replies
Tane Piper ⁂tanepiper@tane.codesAug 16, 2023, 6:06 AM@matuzo Interesting - works for me (and this is a fresh machine since last week 🤷♂️)
- Tane Piper ⁂tanepiper@tane.codesAug 16, 2023, 6:09 AM
@matuzo Ahhh, lol Safari as usual - I guess this is how much I open it. I guess they really hate Web Components
- Manuel MatuzovićmatuzoAug 16, 2023, 6:09 AM
@tanepiper Fails both on macOS and Android for me.
- Tane Piper ⁂tanepiper@tane.codesAug 16, 2023, 6:10 AM
@matuzo I guess Unicode is still dangerous for the web - great when most things just fail instead of gracefully degrade
- Tane Piper ⁂tanepiper@tane.codesAug 16, 2023, 6:12 AM
@matuzo And the great thing is this appears nowhere in my code, and Safari gives me less than useful information. Got to love web development.
- Manuel MatuzovićmatuzoAug 16, 2023, 6:14 AM
@tanepiper Hm,...on macOS and Android it doesn't work with Chrome or Firefox either.
Sebastian Lammersseblammers@vis.socialAug 16, 2023, 6:39 AMSame here on Android.
- Tane Piper ⁂tanepiper@tane.codesAug 16, 2023, 7:13 AM
@seblammers @matuzo So actually I'm now going to guess it's @stackblitz - the things breaking are not in my code, but I see a bunch of stuff precompiled on the page 🤷♂️
But maybe I turn them into actual web components and publish it on GH Pages or something instead -
- Sebastian Lammersseblammers@vis.socialAug 16, 2023, 8:18 AM
@tanepiper @matuzo @stackblitz
Also a blank page on Windows 10 with Firefox or Chrome.
Happy to take another look if you have another version 👍
- Tane Piper ⁂tanepiper@tane.codesAug 16, 2023, 8:40 AM
@seblammers @matuzo @stackblitz Wow Stackblitz is really broken, eh! Yea actually I might put this somewhere else ASAP
taco 🌮taco@tilde.zoneAug 16, 2023, 3:13 PM@tanepiper @seblammers @matuzo I found StackBlitz to be really buggy when I was forced to use it during college for a class. I get what they're going for, but running the code on my machine was always easier and had less guesswork during development.
- Tane Piper ⁂tanepiper@tane.codesAug 16, 2023, 4:17 PM
@taco @seblammers @matuzo Got it working in the end on Pages - https://tanepiper.github.io/webc-humour/
- Sebastian Lammersseblammers@vis.socialAug 17, 2023, 8:15 AM
Ah, now I see it 😆
Very sarcastic.
Though "sarcasam" reads like a spell, compared to "sarcasm", because the additional "a" makes me overpronounce it my head: "sarcasAm".
- Tane Piper ⁂tanepiper@tane.codesAug 17, 2023, 9:47 AM
@seblammers @taco @matuzo Oh yea, typo :p Well they aren't published so it's a quick fix.
Tomek Sułkowskisulco@webtoo.lsAug 17, 2023, 10:49 AM@tanepiper @seblammers @matuzo @stackblitz Hey Tane! We should make this more clear, but the preview you get when running a WebContainer projects is not shareable – in this way WebContainers work more like localhost projects: unless someone doesn't run the thing on their machine, it won't show anything.
I realize it's not perfect for sharing demos directly 😅 What I usually recommend is to share the IDE URL instead of the preview (so sth like https://stackblitz.com/edit/vitejs-vite-whwnjp instead of https://vitejsvitewhwnjp-2luh--5173--ba0db7b1.local-credentialless.webcontainer.io) – this way it will open and run in another person's browser just as it does on your end.
Again, I know it's not ideal and apologies for the confusing ux, we hope to make sharing previews directly possible in the future.
Aug 16, 2023, 4:10 PM@tanepiper @matuzo At a guess, since I saw something used similarly before, is that it may be something a framework adds as a flair for the type of element you're using somewhere, and is in a "::before" pseudo-class.
It would still be annoying tracking it down, but that's my guess of where to look.
- Aug 16, 2023, 4:16 PM
@tanepiper @matuzo Actually, I followed the link on mobile Firefox, and this is what I got:
- Tane Piper ⁂tanepiper@tane.codesAug 16, 2023, 4:18 PM
@AT1ST @matuzo Wow weird. guess I'll stop using it - just created a repo, and build the output to GH Pages - works better https://tanepiper.github.io/webc-humour/
- Aug 16, 2023, 4:33 PM
@tanepiper @matuzo Yeah, when I actually saw the results of the link, I figured it *wasn't* anywhere near expected behavior, because...that didn't look like what I suspected the toot before.
Aug 17, 2023, 2:18 PM@tanepiper @matuzo posters are urged to consider opaque, undescribed URLs as a last resort. Use of more appropriate descriptive links or comments leads to better chance that anyone will actually follow them.
- Tane Piper ⁂tanepiper@tane.codesAug 17, 2023, 2:22 PM
@moopet @matuzo In this case, the content itself contained the joke intended - but as found out was buggy due to StackBlitz. I've since moved it:
https://tanepiper.github.io/webc-humour/
The page contains the description of why I created some web components, and some usage of them on the page - one to indicate sarcasm and the other satire, riffing off Monty Python. The components are not yet fully accessible as they were not serious, but I'm happy to look at how it could be added - a good learning exercise
