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

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

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 😅

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

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>  

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%;

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
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/

  • 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