SteveFaulkner, to webdev
@SteveFaulkner@mastodon.social avatar

🆕 ALT LEFT

"AI can help by providing mostly mostly accurate descriptions of images on web pages. This can be especially helpful when the image has not been provided with an text alternative, but is visible on the page."

https://html5accessibility.com/stuff/2024/05/27/alt-left/

NeussWave, to webdev German

Ich mag eine machen, möglichst reines 4, möglichst ohne . CSS 3 wenns sein muss, sonst eher 2.

Die Website soll möglichst auf Chrome genauso laufen wie auf Netscape (die Älteren werden sich erinnern...) und auch in Text-Browsern wie Lynx oder w3m.

tl;dr: Die Seite soll auch noch funktionieren, wenn javascript und css ausfallen.

Wie würde ich da denn "Tabs" machen? Oder was wären Alternativen zu tabs?

doefom, to webdev
@doefom@mastodon.social avatar

Oh man, there are so many tags I didn't know about. One of those is the <abbr> tag that can be useful when working with abbreviations. Here's a short example.

image/png

cferdinandi, to webdev
@cferdinandi@mastodon.social avatar

🐝🎧 New ADHD ftw! Podcast:
Episode 12 - Standup meetings suck if you have ADHD https://adhdftw.com/podcast/standup-meetings-suck-if-you-have-adhd/

wez, to webdev
@wez@fosstodon.org avatar

In 2024, for a locally hosted app that should feel fast, are there good reasons to prefer a pagination UX for an html table vs. showing all ~5k rows and just scrolling through them?

FWIW, I dislike the pagination UX, and resent seeing images load lazily on a 10Gbps network.

The underlying query is essentially instant; the bottleneck appears to be the browser, and I can ~solve that by batching DOM updates.

What's the prevailing wisdom here?

seaotta, to webdev
@seaotta@toot.cafe avatar

Hey crew - It's a perfect weekend to stock up on technical & educational books this weekend as EVERYTHING is 50% over at Manning Publications!

That means my book "Design for Developers" is 50% off! Snag a physical copy so you get all the pages in color (it makes a difference!)

🔗 https://www.manning.com/books/design-for-developers?utm_source=stimac&utm_medium=affiliate&utm_campaign=book_stimac_design_4_19_22&a_aid=stimac&a_bid=5f6ba095

kubikpixel, to security
@kubikpixel@chaos.social avatar

Isn't RSA the current secure solution for the corresponding encryption/security on the browser with JavaScript?

»Galois/Counter Mode and random nonces:
It turns out you can encrypt more than 2^32 messages with AES-GCM with a random nonce under certain conditions. It’s still not a good idea, but you can just about do it.«

🤔 https://neilmadden.blog/2024/05/23/galois-counter-mode-and-random-nonces/
👨‍💻 https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/encrypt#rsa-oaep_2


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

DomainFilter

A fully-typed class for filtering a list of domain names in various ways

📝 https://crock.github.io/DomainFilter/


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

chris_hayes, to ChatGPT
@chris_hayes@fosstodon.org avatar

Recruiters using ChatGPT beware, hehehe.

Related - if anyone is looking for a web dev with agency experience working on modern headless + serverless stacks, toot in my general direction.

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

croc, to webdev
@croc@mastodon.social avatar

🤓 This is gonna be a extremely nerdy toot, but my most favorite piece of code I ever wrote is a small TypeScript library complete with unit tests that makes it super simple to filter a list of domain names by various criteria.

https://github.com/crock/domainfilter
https://www.npmjs.com/package/domainfilter

#domains #webdev #code #typescript #javascript

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/

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

cory, to tech
@cory@social.lol avatar
doefom, to webdev
@doefom@mastodon.social avatar

Do you know the #HTML 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.

#webdevelopment #webdev

image/png
image/png

cferdinandi, to webdev
@cferdinandi@mastodon.social avatar
WebAxe, to webdev
@WebAxe@a11y.info avatar

Web Accessibility for Web Designers & Developers, with @dennisl May 29 11-4 ET. Free! Online
https://eastersealstech.zoom.us/webinar/register/WN_ERRzj63XSCecspDFXu9Ajw#/registration

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/


kubikpixel,
@kubikpixel@chaos.social avatar

🧵 …as already mentioned above, images on websites are no longer "only" GIF and JPEG but modern data-size sparing high quality images 📸

WebP: https://caniuse.com/webp
AVIF: https://caniuse.com/avif


#webdev #web #homepage #webpages #jpeg #gif #webp #avif #webdesign #images #webimages #FileFormats

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.

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