cferdinandi, to webdev
@cferdinandi@mastodon.social avatar
mobileatom, to webdev
@mobileatom@flipboard.com avatar

Best Practices For Naming Design Tokens, Components, Variables, And More. #WebDesign #WebDev

https://www.smashingmagazine.com/2024/05/naming-best-practices/?utm_source=flipboard&utm_medium=activitypub

Posted into Responsive Design, UX, UI, and more @responsive

peterreeves, to accessibility
@peterreeves@mstdn.social avatar

It's always so frustrating when all the web accessibility content only talks about text heavy websites and forms. Like yes, I get it, I should have alt text on images. But there's so little information about how to build accessible web apps. What do I do if 80% of my page is a WebGL canvas and the other 20% is all buttons/sliders? How do I structure this if there is basically no "regular text" on the entire page?

#a11y #Accessibility #WebDev

peterreeves,
@peterreeves@mstdn.social avatar

@aardrian I have seen a few of your articles in the past, I'm so thankful that you provide fairly specific examples. So much of accessibility stuff is too abstract. "Only use this feature in this vague situation", "It depends on your content", "Go read these 100+ lines of ARIA guidelines".

I really wish that someone would make a "Let's build Figma like program from an accessibility point of view" course. I would buy that in a heartbeat.

aardrian,
@aardrian@toot.cafe avatar

@peterreeves A big reason you have to wade through so much intro cruft is because a lot of folks (including practitioners) don’t know much beyond that (if that, even). UIs move faster than the patterns, and host platforms impose some limits.

But yeah, I would also love to see a ground-up build course. The catch, of course, is that even those platforms get it wrong in a lot of ways, so that would be a big lift to write (assuming a client didn’t already pay for one and NDA it).

WebAxe, to webdev
@WebAxe@a11y.info avatar
stvfrnzl, to UX
@stvfrnzl@mastodon.online avatar

Today in my #LinkedIn inbox (excerpt and hashtags added by me):

They're looking for individuals experienced with the following:

My response:

"Thanks for the offer but if there's one thing I don't want to do as a developer then it's 'dealing with stakeholders'. Not my job!"

#WebDev #Frontend #JobSearch

stvfrnzl,
@stvfrnzl@mastodon.online avatar

Also shoutout to everyone who writes me because they think I'm an "excellent fit" for their client / company / startup.

And then ghost me after I tell them that I would be interested improving the #accessibility of their product

kubikpixel, to webdev German
@kubikpixel@chaos.social avatar

«CSS :has(), the God Selector»
– by @brucelawson

Yes CSS is more then only a design and colors and have today cool functions to select specific HTML components and pleace web designer think in different screen spaces.

🖌️ https://brucelawson.co.uk/2024/css-has-the-god-selector/


kaiserkiwi, to webdev
@kaiserkiwi@corteximplant.com avatar

I just realized that I've been doing the stuff professionally* for about 18 years now. Holy cow.

*Aka: I earn money with it. When I started with 16 I definitely did nothing that I would call professional 😅

kaiserkiwi,
@kaiserkiwi@corteximplant.com avatar

Now that I realize it, I would love to take a break for a few months… Just live my life and not solving luxus problems of other people day by day. Just doing my own thing for some time.

Unfortunately, I don't have rich parents, nor have I inherited wealth from anyone else. So that remains a dream...

boolat, to webdev
@boolat@mastodon.social avatar

Once I thought, what if there was a CSS file that makes the document look like it is a command line interface... So I made one, but I really don't know what it could be used for :)

video/mp4

Meyerweb,
@Meyerweb@mastodon.social avatar

@boolat Perfection.

boolat,
@boolat@mastodon.social avatar

@Meyerweb Thank you )

JesseSkinner, to webdev
@JesseSkinner@toot.cafe avatar

Your boss, manager or client will never ask you to take time to refactor your code. They'll never ask you to set up a test suite for the code you wrote. They'll never ask you to upgrade your framework.

Do these things every day. Make them a part of your process. You don't need permission.

https://www.codingwithjesse.com/blog/you-dont-need-permission/

goulet, to webdev
@goulet@techhub.social avatar

Should I use ::after pseudo-element to add a sort order indicator?

It feels like it's not very accessible because the semantic HTML content doesn't actual contain the sort indicator... but the way I'm conditionally adding it is by reading the aria-sort attribute so maybe that's the accessible part of things and the ::after content doesn't need to be SR-friendly 🤷

<th aria-sort="ascending">  
 <button>Name</button>  
</th>

<style>  
 th[aria-sort="ascending"] > button::after {  
 content: '▼';  
 }  
</style>  

Lukew,
@Lukew@toot.wales avatar

@aardrian @goulet Ah yeah if the browser doesn't support it then that will invalidate the whole line. Am I right in thinking once browser support for that syntax improves (it should be in Safari now at least) then it will be okay to use?

aardrian,
@aardrian@toot.cafe avatar

@Lukew
Did you read my post?

My short answer is probably not, no.

@goulet

jkjustjoshing, to CSS
@jkjustjoshing@fosstodon.org avatar

Is there ever a time when this

width: 100%;
max-width: 480px;

behaves differently than this?

width: 480px;
max-width: 100%;

collinsworth,
@collinsworth@hachyderm.io avatar

@jkjustjoshing Not that I'm aware of or can think of. But I prefer the first, because I like to avoid static height/width values wherever possible.

css,
@css@front-end.social avatar

@collinsworth @jkjustjoshing

I would say it depends on the percentage reference. In some cases, we cannot resolve the percentage so the 100% will fall to auto and you can see a different behavior.

Ex: https://codepen.io/t_afif/pen/eYazBrQ/80d9ae23ca3a84872ba15ab53e739fbb

djangonews, to django
@djangonews@socialhome.network avatar

Django 5.1 alpha 1 released

Django 5.1 alpha 1 is now available. It represents the first stage in the 5.1 release cycle and is an opportunity for you to try out the changes coming in Django 5.1.

Django 5.1 brings a kaleidoscope of improvements which you can read about in the in-development 5.1 release notes.

This alpha milestone marks the feature freeze. The current release schedulecalls for a beta release in about a month and a release candidate about a month from then. We'll only be able to keep this schedule if we get early and often testing from the community. Updates on the release schedule are available on the Django forum.

As with all alpha and beta packages, this is not for production use. But if you'd like to take some of the new features for a spin, or to help find and fix bugs (which should be reported to the issue tracker), you can grab a copy of the alpha package from our downloads page or on PyPI.

The PGP key ID used for this release is Natalia Bidart: 2EE82A8D9470983E.

https://www.djangoproject.com/weblog/2024/may/22/django-51-alpha-1-released/

cferdinandi, to webdev
@cferdinandi@mastodon.social avatar
cferdinandi,
@cferdinandi@mastodon.social avatar

@TALlama if you’re only getting data, there’s no need to watch for mutations. I think I might be misunderstanding something?

TALlama,
@TALlama@mastodon.social avatar

@cferdinandi it may be working for me because all my mutations are sourced from the UI components, as a result of user actions. The models connect to each other but rarely (never?) mutate themselves. That constraint makes the design simpler, while also ensuring the models never have to worry about their properties becoming proxies (which I believe had some ill effects when I stringified to JSON).

cory, (edited ) to tech
@cory@social.lol avatar

🔗: My own little patch via Rach Smith https://rachsmith.com/my-own-little-patch/

SteveFaulkner, to webdev
@SteveFaulkner@mastodon.social avatar

🗒️Not so short note on aria-label usage – Big Table Edition
Updated: 22 May 2024

https://html5accessibility.com/stuff/2024/05/22/not-so-short-note-on-aria-label-usage-big-table-edition/

cbrails,
@cbrails@mastodon.social avatar

@SteveFaulkner It looks like the h1 to h6 aria-label column says "no" but is highlighted green, which appears to be a bug

SteveFaulkner,
@SteveFaulkner@mastodon.social avatar

@cbrails thanks, fixed 🖖🏼

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