Web Development

MajorHavoc , in A bit frustrated with my team and CSS

This sounds like a job for a team wide code review process.

If you don't say anything, it won't get better. Up to you whether that's worth the hassle, based on your team and your situation, of course

PumpkinEscobar , in How to get feedback on visually-impaired accessibility for web apps?

There is a WAVE browser extension and some others, you can also use one of the screen readers yourself. I think that’s actually really helpful. I haven’t done that in a while but I remember when I did the screen reader functioned pretty differently than I thought it would

mozz OP Admin , (edited )
mozz avatar

Yeah definitely. Someone sent me a pretty good article that recommended that you use a screen reader a little bit on your own stuff, one for making sure it's accessible, but two because it teaches you a different way to look at your design process.

IDK how much in depth time I'm planning to commit to this whole thing but I do think applying a screen reader is necessary if I'm going to claim my stuff works with it. I can't really see it being all that effective just to apply the right classes and hints to the existing page and hoping it all works out without testing it...

Vincent , in How to get feedback on visually-impaired accessibility for web apps?

By far the best first step you can take is to try it yourself. Follow a ten-minute tutorial on how to use one (Rob Dodson has good introductions, such as this one on VoiceOver - this is really a case where videos work best to learn), and then see if you can manage to navigate your web app using it. Ideally even with your screen turned away, but that's probably too had at first, and also makes it hard to see what's going wrong.

comfyquaker , (edited ) in How to get feedback on visually-impaired accessibility for web apps?

a browser extension i use for a cursory check is ‘WAVE evaluation tool’. which examines your webpage and reviews your structure, tags, color contrast etc. Like what you posted in your own response, you can always just learn to use a screen reader. i use NVDA and it didn’t really take all that long to learn how to use it. you will certainly gain a new perspective if you do.

hope this helps!

apologies on redundant sharing. the previous comments were not loaded for me.

mac , in Deno in 2023
@mac@infosec.pub avatar

I still can't get to grips with the islands directory causing separation from my other components, it feels weird because both islands and components are components, I think Next.js' approach of having a use client string at the top of the interactive component makes much more sense because your component directory structure can mimic the app/pages directory layout.

Honestly it's the only thing keeping me from jumping over to Fresh.

spartanatreyu , in jQuery 4.0.0 BETA
@spartanatreyu@programming.dev avatar

Theo had a great video on this, and went through why jquery is still important for the internet (besides the older and/or inexperienced who use it):

https://www.youtube.com/watch?v=1bZYmpOOC8U

spartanatreyu , in Full Stack Web Development Roadmap
@spartanatreyu@programming.dev avatar

This seems a little meh, people shouldn't be getting taught react or nextjs if they're not proficient enough with JS first.

That just teaches people to reach for frameworks when what they're trying to do could likely be solved in a few lines of code.

amargo85 OP ,

i totally agree. i've been posting things in js for those interested in learning the basics of the language

Fijxu , in htmz - a low power tool for html

Looks pretty good. I could use it to rebuild my simple HTML and CSS only webpage. Having a lot of HTML files that you have to modify manually every time you want to update them is pretty boring and exhausting.

wahming , in Apple attempting killing PWAs in EU: Action Needed

Eh, I'm happy to let apple do stupid stuff to lose themselves customers and / or bring the EU down on their heads

libreom OP ,

EU regulators needs to hear from those affected to action, after march 7 they will take feedback

technom ,

I always say this - you're underestimating the size of the Apple fanboi crowd. They're ready to defend any crap Apple pulls on them.

prettybunnys , in Things you can do on your personal website

Big “100 ways to love your cat” vibes

https://youtu.be/87p53rAD7Sk?si=TxiVptPAqZBZQQ2h

nous , in Should you allow username to use Apostrophe (aka quotes )

Any field in a DB can be vulnerable to SQL injection. Filtering out characters is a terrible way to mitigate that attack, you should be using prepared queries where it does not matter what chars you have in your username or password. You should never form a query with string concatenation.

You may want to limit chars in a username to ones allowed in URLs (or even ones that don't need escaping) if you ever want it to appear in a URL though. Or any other places the user name might be used, but a entry in a DB should not matter.

peter ,
@peter@feddit.uk avatar

Another good reason to filter characters is based on what people expect. You don't want people to be making accounts like OfficialSiteSupport'

damium ,

There are a lot of edge case characters around visually indistinguishable names. If that is a concern usernames should use a restricted known character sets instead of trying to block specific characters. You likely should also treat lookalike characters as equivalents when checking for username overlap.

Kissaki , in Should you allow username to use Apostrophe (aka quotes )

You don't need to escape any content for storing in a DB field.

Use the correct database interface and you're good.

I'd be more concerned about intention and intentional design. Arbitrary characters can be misleading or problematic for users. Using an allow list for accepted username characters is a good approach if you can't depend on good intentions of users.

computergeek125 , in Should you allow username to use Apostrophe (aka quotes )

Since character filtering is all about edge cases, I would like to note that if someone uses an FF14 character name as a display name, the game allows for apostrophe and hyphen and will have a single space.

It's not a huge edge case population wise (unless you're building an application focused on that community or genre), but as others have said it's much safer to prevent the injection from happening in the first place using an interface rather than try to figure out all the way a user can break out of a constructed string.

harenfellerdev OP , in Send Web Push Notifications from your own Server

Kind of horrible timing, as Apple will disable PWAs in the next iOS update for the EU. Kind of crazy, but I guess they will get punished for this behavior. So let's hope this will be reverted soon...

jnovinger , in Send Web Push Notifications from your own Server
@jnovinger@programming.dev avatar

Do you have a written version?

I really dislike having to watch an entire video to catch the one bit of useful information. I wish I had the time to watch entire videos, but honestly, I don't. On top of that, my brain has often wandered off well before I get to the interesting bit.

anzo ,
Zoop ,

Oooh, neat! I'm the same way, preferring to read rather than watch a video. This looks like it could be really helpful. Thank you!

harenfellerdev OP ,

Oh wow, I didn't know this existed. A little bit thin on the information, but better than nothing. I also want to look at the new capabilities of the Gemini model to help me create blog posts from my videos.

jnovinger ,
@jnovinger@programming.dev avatar

Thanks!

harenfellerdev OP ,

Will write a blog post about it. In the mean time you could check out the last commits on this branch: https://github.com/phartenfeller/sveltekit-1.0-sqlite-demo-app/tree/tut-19-web-push-notifications or get the fundamental steps from MDN: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Re-engageable_Notifications_Push

jnovinger ,
@jnovinger@programming.dev avatar

Thanks, I appreciate the reply and openness to doing things besides just video.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • webdev@programming.dev
  • test
  • worldmews
  • mews
  • All magazines