anatudor, to accessibility

Forget CSS, people don't even know HTML.

Here's why I'm saying this: I've looked through demos made for last week's #CodePenChallenge: https://codepen.io/challenges/2023/june/2 in order to get a better idea of how people want such a control to look and work.

And here are some numbers: 😭

#a11y #webPerf #coding #html #css #webDev #webDevelopment #frontend #CodePen

michael, to programming
@michael@thms.uk avatar

I don't understand colour contrast calculations:

I got 2 buttons with red background. One with black text, the other with white.

colour contrast ratio with the black on red button is supposedly 4.81, while white on red is only 4.35 (which crucially is below the 4.5 threshold)

Yet, to my eye the white on red is much more legible than black on white.

What am I missing?

#css #a11y #accessibility #wcag #contrast #webdev

robb, to webdev
@robb@social.lol avatar

GraphQL is a joke I'm just not in on right? Everyone is just fucking with me pretending this is better than REST somehow?

rolle, (edited ) to opensource
@rolle@mementomori.social avatar

Mastodon Bird UI 1.6.9-nightly is now released! :neon_skull:

For Mastodon 4.1.5 nightly version (main branch).

Changelog:

  • Fix star animation for Safari by adding max-height to status bar
  • Remove font-stack, let Mastodon users decide the font via settings
  • Don't show blank grey URL preview cards if image not found

Live demo (single column layout only): https://mementomori.social

Source code and installation instructions: https://github.com/ronilaukkarinen/mastodon-bird-ui

#OpenSource #Mastodon #MastodonBirdUI #CSS #UI #WebDev #MastoAdmin

steveorevo, to AdobePhotoshop

How retro kick ass is that? Flash is resurrected sans the neglected, proprietary, security ridden, plugin bs of Adobe; thanks to Rust, and modern day sandboxed WebAssembly. No plugin required; small, compact, compatible engine, that unlocks decades of lost SWF content in all its vector visuals, MP3 stereo, and ActionScript-y glory. https://github.com/ruffle-rs/ruffle

schizanon, (edited ) to react

Red flags in a codebase

🚩 preventDefault
🚩 useMemo
🚩 fetch inside useEffect
🚩 <div onClick/>
🚩 a "hooks" directory
🚩 css files
🚩 icon library in package.json

mnl, to webdev

So I’m genuinely puzzled by #htmx. Do you folks who use it return html fragments? Or do you just render a whole page and extract single nodes? If you do the first, how is this “better” than just returning json and rendering it on the frontend?

I don’t really understand the architectural premise and the hypermedia systems book doesn’t really help me click.

#webdev

cory, to CSS
@cory@social.lol avatar
rysiek, to webdev
@rysiek@mstdn.social avatar

Hey #WebDev #JavaScript, say I was writing a service worker that can fetch resources from multiple different sources (say, IPFS, or alternative endpoints, or…) that might not be the origin.

Even though there are many sources, there is always a chance that any given request eventually fails — after trying several of them.

What HTTP error code should the service worker return to the client if the request does fail?

It feels like a 4xx error. But which one? Or should I come up with a new one? 🤔

eric, to webdev
davidbisset, to webdev
@davidbisset@phpc.social avatar

Hey and community, what's your main setup?

sonny, to webdev
@sonny@floss.social avatar

Dear Fediverse,

I have a domain, say "example.net" and I want to setup a couple of redirects so that "example.net/awesome" redirects to "foobar.com/something"

I don't want to manage a server or nginx config for this.

I currently use Gandi Web Forwarding but it doesn't support HTTPS.

Any recommendation for something as low maintenance as possible?

davidrevoy, to webdev
@davidrevoy@framapiaf.org avatar

🌜 🦉 Things I did today: my websites now automatically switch to a dark theme if your browser has one.

#webdev #css

ayo, (edited ) to random
@ayo@ayco.io avatar

I recently thought about the different ways you can "have" a place in the Internet:

  • Bare metal
  • Dedicated server
  • Virtual Private Server (VPS)
  • Shared Hosting
  • Serverless
  • fly.io
  • Netlify, Vercel, etc

#webdev #frontend #selfhosting

ayo, (edited ) to random
@ayo@ayco.io avatar

Wrote a minimal base class for creating my custom elements easily, so I only have to define the template and observed attributes. :)

#webdev #frontend #WebComponents

https://git.sr.ht/~ayoayco/web-component-base

GroundedWren, to accessibility

Hello world, I'm Vera! (roar!)

Totally new here but I'm excited to make friends and chat about and other fun stuff!

ayo, to webdev
@ayo@ayco.io avatar

what's the laziest dark mode implementation? is there a 3-liner code change? 😄 asking for a friend (not me)

rolle, to opensource
@rolle@mementomori.social avatar

Mastodon Bird UI pre-releases 1.5.8rc2-nightly and 1.5.8rc3-nightly released! :neon_skull:

Changelog:

  • Add support for Mastodon 4.1.2-nightly-20230703
  • Add support for native threaded lines
  • Fix lists position on mobile
  • Fixed fa-fw (Federated) icon size for mobile view #37 (thanks @Itbeard!)
  • Fix glitches with sign up and follow notifications on 4.1.2-nightly-20230703
  • Fix follow button in notifications
  • Fix position of lists icon on mobile
  • Fix read more/translate link position

Live demo (single column layout only): https://mementomori.social

Source code and installation instructions on branch mastodon-4.1.2-nightly: https://github.com/ronilaukkarinen/mastodon-bird-ui/tree/mastodon-4.1.2-nightly

#OpenSource #Mastodon #MastodonBirdUI #CSS #UI #WebDev #MastoAdmin

erikKroes, to accessibility
@erikKroes@mastodon.social avatar

🌈 What are your favorite color (contrast) tools?

Now I already have a ton of tools, but there are so many!

I'd like to share an overview and I must be missing some. Tell me about yours!

#accessibility #ux #webdev

vanilla, to CSS
@vanilla@social.spicyweb.dev avatar

Another good addition to the corpus of why #Tailwind #CSS is bad news for #WebDev and is actually an indication of deeper concerns about our industry, by Jeff Sandberg:

https://thathtml.blog/2023/08/tailwind-death-of-craftsmanship/

rolle, to mastodon
@rolle@mementomori.social avatar

It would be so great to see "350 people boosted your post" instead of getting notification from each individually. Yes, you can disable them, but instead I would like to see this feature to get developed.

Attempted to group notifications in my Mastodon fork myself. Sadly, I'm not skilled enough in Mastodon JS, so re-bumping this: https://github.com/mastodon/mastodon/issues/1483

#MastoAdmin #Mastodon #JavaScript #Coding #WebDev

SirTapTap, to UX
@SirTapTap@mastodon.social avatar

tip of the day: A LITTLE REDUNDANCY IS OKAY!

It's fine to link to a common action more than once! It's okay to direct users to a related nested menu from a different one.

Just had to google because the option on to turn on Do Not Disturb based on which Wifi network you're on...is in neither the Do Not Disturb menu, nor the Wifi menu!

(It's in Rules)

https://www.zdnet.com/article/what-are-android-rules-and-how-do-you-create-a-do-not-disturb-rule/

stvfrnzl, (edited ) to accessibility
@stvfrnzl@mastodon.online avatar

Question to #ScreenReader, #LowVision, #blind & #accessibility folks:

How do you feel about duplicate links in articles, blogs, whatever? Meaning: A certain word is a link (let's say "HEALTH") leading to an external website.

Would it annoy you if this word was always a link and it's mentioned for example 20 times in an article? Or would you rather have it only once to make it easier to scan for links?

Is there a related #wcag success criteria?

#WebDev #a11y #disability #frontend

syntaxseed, to php
@syntaxseed@phpc.social avatar

So I have a Wordpress website which is deployed to the apache+nginx server with Ansible. A symlink in the webapp's document root is updated to point to the new release.

I'm encountering Apache (I think) caching the results and serving the index.php page in the old release until I modify the file. Even though the symlink points to the new release.

Any suggestions as to how to fix this other than tweaking the modified date on the old release?

#PHP #Devops #Ansible #Webdev

schizanon, to webdev

This might be heresy but:

  1. Code reviews are a massive productivity tax with tiny quality benefits
  2. They should not be mandated
  3. The author should feel free to request a review if they want it
  4. If you don't trust your engineers, invest more in CI, or hire better ones

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • InstantRegret
  • mdbf
  • ethstaker
  • magazineikmin
  • GTA5RPClips
  • rosin
  • thenastyranch
  • Youngstown
  • osvaldo12
  • slotface
  • khanakhh
  • kavyap
  • DreamBathrooms
  • JUstTest
  • Durango
  • everett
  • tester
  • cisconetworking
  • Leos
  • cubers
  • modclub
  • ngwrru68w68
  • tacticalgear
  • anitta
  • provamag3
  • normalnudes
  • lostlight
  • All magazines