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/

cferdinandi, to webdev
@cferdinandi@mastodon.social avatar

🐝🎧 New ADHD ftw! Podcast:
Episode 11 - Start with your smallest tasks first https://adhdftw.com/podcast/start-with-your-smallest-tasks-first/

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.

stvfrnzl, to webdev
@stvfrnzl@mastodon.online avatar

I finally got for @astro working! Thanks to @henry sparking my interest for it (again) and anyone here who helped me along the way.

https://stevefrenzel.dev/posts/webmentions-in-astro-for-blog-posts/

I would appreciate lots of likes, reposts and comments so I have more data to work with hehe
😈

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/

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.

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?

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

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

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