Posts

This profile is from a federated server and may be incomplete. Browse more on the original instance.

joelanman, to accessibility
@joelanman@hachyderm.io avatar

It's unclear whether it passes wcag but from our research I think it's much clearer to mark optional fields as 'optional' than have asterisks or 'required' next to every field and have optional fields implied by the lack of them.

If you're asking for data, the default should be it's because it is required. This is part of GDPR

joelanman,
@joelanman@hachyderm.io avatar

@yatil @siblingpastry no, in this example, required is read out but is not visually displayed

yatil,
@yatil@yatil.social avatar

@joelanman @siblingpastry In context, it’s clear. The visual label does not only depend on the isolated UI element.

joelanman, to webdev
@joelanman@hachyderm.io avatar

Campaign to deprecate <a> and rename it <link> or maybe <l>
If you need to link to a position on a page you can use id

joelanman,
@joelanman@hachyderm.io avatar

@cferdinandi and theres a lot of deprecated stuff and its not all security, so I think you're overstating that a bit

https://css-tricks.com/why-do-some-html-elements-become-deprecated/

cferdinandi,
@cferdinandi@mastodon.social avatar

@joelanman But those aren't foundationally breaking changes. Deprecating <center> means text looks funny. Deprecating <a> means the very foundation of the web—hyperlinked pages—break.

joelanman, to UX
@joelanman@hachyderm.io avatar

At GOV.UK we avoid disabling buttons.

If the user submits a form with a problem, they get a useful error message telling them how to fix it.

Disabled buttons are hard to make accessible for people with low vision, and can't easily be focused using the keyboard

edeverett,
@edeverett@mastodon.social avatar

@joelanman I've chosen this particular hill to die on so many times with client work 💀

menelion,
@menelion@dragonscave.space avatar

@joelanman With all my respect, I disagree: If a button is disabled, I know for 100% that something is wrong in my form (most of the times it's the wrong phone number format or a forgotten obligatory checkbox). I'm totally blind.

joelanman, to retrocomputing
@joelanman@hachyderm.io avatar

You know how old game consoles worked with cartridges you plug in, was that cartridge system used for anything else?

adr,
@adr@mastodon.social avatar

@joelanman besides games? Atari 2600 did have a BASIC cartridge. https://en.m.wikipedia.org/wiki/BASIC_Programming

davefischer,
@davefischer@hachyderm.io avatar

@joelanman Cartridges in general? This is from an HP 9830.

joelanman, to ai
@joelanman@hachyderm.io avatar

Just realised chatGPT is violating the gov.uk content licence:

You must (where you do any of the above):
acknowledge the source of the Information in your product or application by including or linking to any attribution statement specified by the Information Provider(s) and, where possible, provide a link to this licence;

lispi314,

@simon_brooke @wraptile @joelanman And unless it has personhood, it legally remains a tool/application.

It learning is orthogonal to the issue, in fact it would mean that citing everything it ever learned from would be necessary since it still doesn't have the personhood exception.

lispi314,

@wraptile @simon_brooke @joelanman Every single formulation used, since it was all used for the weighing.

Remixing, whatever the tools used, has to credit (and usually under copyright also license) every single sample used even if it was only used in the end as a substractive pattern for another sample.

joelanman, to random
@joelanman@hachyderm.io avatar
Edent,
@Edent@mastodon.social avatar

@joelanman
British Gas has 12 million customers.
That's a profit of £80 per customer.

Some of whom are large businesses - who probably make up the bulk of that profit.

Ofgem's profit cap for domestic supplies is 1.9%. So even if they were a nonprofit, domestic bills would only fall by about £40.

kravietz,
@kravietz@agora.echelon.pl avatar

@Edent

This shows once again that quantitative analysis does matter...

@joelanman

joelanman, to webdev
@joelanman@hachyderm.io avatar

In HTML, don't use type="number" use type="text" inputmode="numeric" instead.

number silently restricts input, inputmode provides the number keyboard on mobile without any of the downsides.

Error messages are far more helpful than input restriction - this goes for maxlength too

siblingpastry,
@siblingpastry@mastodon.world avatar

@joelanman Also worth noting that maxlength is not described by screen readers (either when it's reached, nor afterwards to indicate that typing produces no input).

jamigibbs,

@joelanman We (the VA.gov design system team) recently changed our number input web component based on the same advice from this article. Thank you! 🙌

https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/

joelanman, to programming
@joelanman@hachyderm.io avatar

In Node you can easily load json like this:

const myData = require('data.json')  

is there an equivalent in the new import syntax?

joelanman,
@joelanman@hachyderm.io avatar

@bcdavid wow thanks for the in depth explainer!

joelanman,
@joelanman@hachyderm.io avatar

found another gotcha, you could use require to load json any time, import can only be used to load json in the root scope (not in functions for example)

joelanman, (edited ) to UX
@joelanman@hachyderm.io avatar

a question. If a site has both a signed out home page, and a signed in one (for example a feed or dashboard), what should you see if you're signed in and try to view the home page?

joelanman,
@joelanman@hachyderm.io avatar

for example, if I go to figma.com or twitter.com I see my signed in home page. If I go to mural.co I see the signed out one, and have to manually click to the signed in one

eviljonny,
@eviljonny@mastodon.social avatar

@joelanman I don't think I expect either, there's so many examples of both. Aws and pagerduty both showing a product page with a link to login, Jira showing whatever you chosen Jira 'home" page is, Facebook and twitter showing the signed in stuff. I note that all my examples have a different signed in domain than just their standard site though and I definitely navigate to the different domain.

joelanman, to webdev
@joelanman@hachyderm.io avatar

Is WebP the image format to use these days? If you don't need to support IE?

batbeeps,
@batbeeps@chitter.xyz avatar

@joelanman Maybe a little use-case dependent.

A lot of folks I know dislike WebP in that it makes images harder to use after download, as many operating systems and image editors still don't support the format properly.

Safari added support for it relatively late too, so may depend on how far back you're willing to go with supporting that.

lobau,
@lobau@noodle.social avatar

@joelanman
Especially if they move. WebP is so much more optimized than GIF. The only drawback is you can't use animated WebP in emails since Gmail converts them to jpg

joelanman, to postgres
@joelanman@hachyderm.io avatar

question - are there any downsides to using uuids for joining tables instead of integers? The advantage of uuids is they don't expose any data, whereas integers tell people how many of something you have, and are easy to guess

rgarner,
@rgarner@mastodon.social avatar

@joelanman @dracos though it looks like native .using support was on the cards a couple of years ago, so worth checking: https://github.com/knex/knex/pull/4568#pullrequestreview-704525124

joelanman,
@joelanman@hachyderm.io avatar
joelanman, to random
@joelanman@hachyderm.io avatar

What are people using for hosting side projects these days? Heroku, Render, Railway, other?

nickcolley,

@joelanman it has edge stuff so depending on what u want it can do server

guy,

@joelanman I've only used it for static sites so I think so, but not 100% tbh

joelanman, to random
@joelanman@hachyderm.io avatar

any tips for getting rid of musty smell from clothes? I've tried bicarb of soda, vinegar, heated drying rack as soon as the wash is done and nothing works. I think my washing machine is cursed

finiteattention,
@finiteattention@mastodon.social avatar

@joelanman Freezer if you have one? I mean, that’s generally for dust mites/moths, but if the source is biological, that might kill it. Also FWIW, musty to me is usually because the laundry sat overnight or even a day or two in the washing machine before I got around to hanging it up. Relaundering usually fixes it, maybe with a bit more laundry powder/liquid than usual? Vanish powder as well if you don’t mind the extra chemicals.

joelanman,
@joelanman@hachyderm.io avatar

@finiteattention yeh in the past if I've left it a while that was the issue, but I make a point of never doing that recently!

joelanman, to design
@joelanman@hachyderm.io avatar

What's the best way to design a language picker for a site? Given the site might not load in a language the user understands

mallonbacka,

@joelanman No idea about the best, but I can share what I've noticed on few recent projects in a bilingual country with mostly trilingual online services.

  • For icons, the globe has recently become the most common.
  • Often places use the English for the button/link, I guess with the assumption that it's most likely recognised.
  • Here, the ISO language codes are often used in isolation, which people seem to manage well with, but I doubt this applies everywhere, eg: https://designsystem.suomi.fi/components/languagemenu/
eric,
@eric@social.ericwbailey.website avatar

@joelanman I have some detail here from a past client engagement. A lot of this is sourced from outreach and co-generative programs and lower-tech literate user considerations. https://ericwbailey.website/published/what-they-dont-tell-you-when-you-translate-your-app/#there-is-no-one-universally-understood-translate-icon

joelanman, to random
@joelanman@hachyderm.io avatar

is it me or does Safari's auto form fill thing hardly ever work? I get a little person icon to the right of the email/phone/etc field but it doesn't do anything

joelanman,
@joelanman@hachyderm.io avatar

@itsjoshbruce found this fix which is super weird because the card was very clearly already designated as 'My card'. But selecting the menu command has fixed it

https://www.mbsdirect.com/mbs-blog/article-autofill-in-safari-not-working-set-ldquomy-cardrdquo-in-contacts

itsjoshbruce,
@itsjoshbruce@phpc.social avatar

@joelanman: Wow.

So, basically: Have you tried turning off and back on again? lol

Glad it worked, though!

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