doefom, to Laravel
@doefom@mastodon.social avatar

Macros are one thing I enjoy using the most in . It's a way to extend the functionality of many built-in by providing custom callbacks for a specific key.

One production example I use macros for fairly often is what I call the "admin alert". Especially in smaller applications I want to get notified whenever an error or an event occurs the admin (mostly that's me) should know about.

Here's what this might look like.

docalabordage, to webdev French
@docalabordage@mamot.fr avatar

Mastodon ! Une asso dont je suis membre cherche à refaire son site internet, avec un CMS libre tant qu'à faire, plutôt sur SPIP. est ce que vous connaissez des boites qui propose des presta sur SPIP ?

XeroLinux, to foss
@XeroLinux@fosstodon.org avatar

I so much want to use this theme but translating site with Google Translate is making it hard lol. Can anyone here help me with it ?

https://solitude.js.org/

doefom, to webdev
@doefom@mastodon.social avatar

Here's another interesting tag. <mark> lets you highlight certain parts of your text to draw extra attention to it.

One real world example where this can be especially useful is highlighting the parts of your search results that match the search query. Or at least that's where I regularly use it.

Any more ideas on where this might be useful?

image/png

joelanman, to webdev
@joelanman@hachyderm.io avatar

not sure about loading=lazy in html, I'm sure it makes the initial page load quicker but the pop in of images is distracting

WebAxe, to accessibility
@WebAxe@a11y.info avatar

Interested in speaking at WP Accessibility Day? Virtual event October 9. Submit a preso here: https://2024.wpaccessibility.day/speaker-application-2024/

doefom, to webdev
@doefom@mastodon.social avatar

Do you know the tags 'details' and 'summary'? I didn't until now.

The combination of those two let's you toggle content with default HTML behavior. This is one of those things you will probably not use in production because it just doesn't look so nice but as always, for quickly prototyping something like an FAQ section this might just fit in perfectly.

image/png
image/png

cferdinandi, to webdev
@cferdinandi@mastodon.social avatar
joelanman, to webdev
@joelanman@hachyderm.io avatar

Got a Playwright question - in my tests I'm clicking a button which in the backend sends an email. I tried to use Jest to mock that function in the backend so it doesn't send an email, but that doesn't seem to work. Should it?

I could check for NODE_ENV in the backend and not send an email, but I'd like access to the email contents in my playwright test, but without actually sending an email.

Am I thinking about this all wrong?

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

»Transforming website images into WebP with Rust for faster loading times«

Wait what? Cool image solution for a web app or site.

⚙️ https://tduyng.dev/blog/rust-webp-transform/


thudfactor, to webdev

See, there are still awesome sites on the Internet. Here you can test-drive roughly 100 monospaced programming fonts. https://www.programmingfonts.org/

I don't have time to look through all of them, so let me know what your favorites are. #webdev

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?

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

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

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 🤷

&lt;th aria-sort="ascending"&gt;  
 &lt;button&gt;Name&lt;/button&gt;  
&lt;/th&gt;

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

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/

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

#django #python #webdev

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
😈

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