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

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

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

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 😅

emmanuelc, to CSS French
@emmanuelc@mamot.fr avatar

Dites, développeuses z'et développeurs, régulièrement, dans mon cercle professionnel direct, j'entends dire que vous n'aimez pas (voire ).
Question sérieuse et qui n'appelle pas à réveiller quelconque troll ou débat sans fin : pourquoi n'aimez-vous pas ce langage ?
Qu'est-ce qui vous chiffonne, vous rebute ?
D'où vient votre éventuel manque d'intérêt ?
J'ai déjà des éléments de réponse proches de moi, mais je suis curieux d'élargir la question ici.

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

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

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/

cferdinandi, to webdev
@cferdinandi@mastodon.social avatar
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/

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/

mez, to webdev
@mez@mastodon.nz avatar

I’m reading this article about the de-skilling of the web, web dev burnout, and how we are no longer allowed to be specialists. I’m reading it while at work where I’m trying to figure out why my SQL queries aren’t working, what I’ve done wrong in a backend server framework, and there’s a design waiting for me to review before I implement it in CSS and HTML. 😖

Please let me hone in on just a couple of these and practice a craft…

https://www.baldurbjarnason.com/2024/the-deskilling-of-web-dev-is-harming-us-all/

joelanman, to webdev
@joelanman@hachyderm.io avatar

Cloudinary has been very easy to use so far but the lowest tier is so expensive - $90 a month! Trying Bunny CDN but cannot understand how to get set up there at all, much more complicated - has anyone used it?

jameskerr, to webdev
@jameskerr@mastodon.social avatar

It is okay to nest <article /> elements so long as they contain a unit of self-contained content that could stand on its own and make sense, but also related to its parent article.

weirdwriter, to webdev

If anybody wants to stop Firefox from opening PDF's in the browser, I honestly don't get why browsers try to even render PDFs anyway, change this value to true. pdfjs.disabled. Change pdfjs.disabled to true.

reillypascal, to Blog
@reillypascal@hachyderm.io avatar

I did a write up of setting up Webmentions on my site! I had mentioned it earlier, but there was one stumbling block that took me longer to figure out.

Webmentions let me get notified when people share my posts, respond to my comments on other sites, etc., and lets me use my site for a lot of the kinds of interactions I'd otherwise have to do on social media.

https://reillyspitzfaden.com/blog/05-21-2024

schizanon, to CSS
@schizanon@mastodon.social avatar

> The is a game-changer in because it lets you natively position elements relative to other elements, known as anchors. This API simplifies complex requirements for many interface features like menus and submenus, tooltips, selects, labels, cards, settings dialogs, and many more.

https://developer.chrome.com/blog/anchor-positioning-api

lunarloony, to webdev
@lunarloony@dosgame.club avatar

Got a very odd problem. I have two web servers: one hosted on Azure VM, the other on @beasts
I have a PHPMailer script on each one, and set up in exactly the same way, using the same version of PHP. When trying to send mail through Office 365 SMTP, the Beasts server works perfectly, but Azure does not.

The error I get is "535 Incorrect authentication data" (could not authenticate). How can this be, when the creds are the same either side and one works fine?

(Boosts appreciated)

access42, to accessibility French
@access42@social.a11y.fr avatar

Blog 📝 — Vous ne comprenez pas pourquoi vos zones live ARIA ne sont pas restituées par les lecteurs d’écran ?

Découvrez des pistes d'explications dans ce nouvel article de notre collègue Cécile Jeanne !

https://a42.fr/aria-live-regions-restitution

#a11y #ARIA #webdev #RGAA #HTML

combatwombat, to webdev German
@combatwombat@hachyderm.io avatar

netbeep - An annoying little Chrome extension that beeps on each network request. Plays different sounds for different request types.

Get an audio summary of your websites performance. Makes you appreciate simple, clean sites and ad blockers :>

https://github.com/combatwombat/netbeep

Feedback welcome. The sound sometimes stops on slower machines.

#webdev

video/mp4

grndrg, to Help French
@grndrg@mamot.fr avatar

Mon amoureuse a reçu un mail de menace de procès pour utilisation d'une typographie de la part de
https://www.hvdfonts.com/
Mais c'est une typo qui se trouve partout "free for personal use", par exemple là : https://befonts.com/brandon-grotesque-font-family.html
Est-ce que quelqu'un a déjà eu ce genre de problème ?
Est-ce qu'on risque gros concrètement ?
(ils demandent 300$ pour les 4 dernières années...)
#help
#typographie
#graphisme #webdev
Merci !!

markstos, to webdev
@markstos@urbanists.social avatar

For those who do and , there's a PR proposing to be v4 of the popular httpie testing tool.

It includes features like:

  • Viewing the TLS cert
  • Forcing custom DNS resolution for testing pre-launch sites
  • Explicitly forcing IPv4 or IPv6 DNS resolution
  • Support for HTTP/3

Overall, it closes more than 20 issues filed against httpie:

https://github.com/httpie/cli/pull/1531

If you use the tool and care about one of these, test the PR and leave some feedback.

joelanman, to webdev
@joelanman@hachyderm.io avatar

In a web app, I'm trying to do image upload with the option to use the camera or select from gallery. Currently using this code and getting this weird screen from it. Any ideas?

#webdev

&lt;input type="file" accept="image/*"&gt;  
urlyman, to webdev
@urlyman@mastodon.social avatar

1/3
I skim read https://normalflow.pub/posts/2024-02-08-patterns-for-style-composition-with-html-and-web-components and note it prioritises code concerns as:

  • performance
  • then resilience
  • then flexibility

The first is user-focused, the second and third are broadly developer-focused.

I’m willing to bet that by 2030 we’ll see a distinct shift towards

resilience with a user focus, with performance as a support to that.

How far we go toward that remains to be seen.

For now, for the most part, the notion of intermittency is not remotely on devs’ radar

#webDev

  • 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