mastodon.design is one of the many independent Mastodon servers you can use to participate in the fediverse.
A small instance for and by people who make things! We stand for an open, independent, sustainable, inclusive, and accessible web.

Administered by:

Server stats:

315
active users

#bookmarklet

0 posts0 participants0 posts today

Are you a web developer who needs to fill a form dozens of times a day to test functionality as you develop a website or an app?

One tool in my toolkit is to create custom bookmarklets that auto-fill the form with preset values.

This not only saves time but also prevents accidents when you start to use wonky values out of boredom that eventually might leak through screenshots or demos when you least want it to happen.

hamatti.org/posts/automate-fil

Juha-Matti Santala - Community Builder. Dreamer. Adventurer. · Automate filling a form with a bookmarkletAs a web developer, I’m constantly developing websites and apps that have forms. Often these need to be filled over and over and over every day while developing the app. With a nifty bookmarklet, you can skip all that manual work.

javascript:var%20ldJsonScripts%3Ddocument.querySelectorAll(%27script%5Btype%3D%22application%2Fld%2Bjson%22%5D%27)%2Cfound%3D!1%3BldJsonScripts.forEach(function(r)%7Bif(!found)try%7Bvar%20e%3DJSON.parse(r.innerHTML)%3Bif(e.articleBody)%7Bvar%20a%3Ddocument.getElementById(%22paywall%22)%2Cl%3De.articleBody.replace(%2F%5Cn%2Fg%2C%22%3Cbr%20%2F%3E%3Cbr%20%2F%3E%22)%3Ba.innerHTML%3Dl%2Cfound%3D!0%7D%7Dcatch(o)%7B%7D%7D)%3B

Kein #Bookmark für #Chrome! Nichts für Plus-Artikel auf nw.de!

I learned such a cool trick today!

With this bookmarklet, you can invoke a debugger with delay that allows you to set up the UI in a state you want it.

Handy for moments when I want to explore the DOM of an element that hides when clicked elsewhere.

hamatti.org/snacks/invoke-debu

Juha-Matti Santala - Community Builder. Dreamer. Adventurer.Invoke debugger on delay from bookmarkletThe home of a developer community specialist.

I decided (again) to prepare for the #cpacc exam by the #iaap after I had some doubt of it's usefulness.

But after doing a non-technical workshop for #accessibility newbies last week and believing that the #eaa will have some impact, I decided to go for it!

I'm using the @dequesystems prep course and read everything with 200% zoom. Unfortunately this makes paragraphs very long, so I'd like to share a #bookmarklet I quickly created to shorten them:

Fed up with not being able to boost great toots that don't have content warnings?

Here's a bookmarklet that will let you add a content warning and repost the toot in seconds:

👉 mastodoncontentmover.github.io

Hope it helps—please boost for reach, and let me know how it works for you!🙏🧡

p.s. It's the first version; all (civil) feedback and bug reports welcome. I've tested it successfully in my versions of Firefox and Edge.

mastodoncontentmover.github.ioMastodonRetootBookmarklet

💡 Do you recall my Table of Contents #bookmarklet?

✨ The second version has been out for almost two years, and I use it religiously. It's a time-saver when finding something on long pages without a menu.

🕵🏻‍♀️ It's also great for checking whether all your HTML headings are in order!

😖 I forgot to tell you all about it. Time to rectify that situation:

marijkeluttekes.dev/blog/artic

marijkeluttekes.devTable of contents bookmarklet v2 / Marijke LuttekesCheck out the new version of my Table of Contents bookmarklet, remade by Zoë Bijl.

A "hover color contrast bookmarklet". #a11y #WordPress

It "attaches a mouseover event to each focusable object on the page, then triggers a simulated event. During the simulated hover event, the #bookmarklet checks the calculated foreground and background colors for the element and marks failing elements."

joedolson.com/2024/01/hover-co

Joe Dolson Web Accessibility · Hover Color Contrast Bookmarklet - Joe Dolson Web AccessibilityThis past weekend, I was looking at a WordPress trac ticket about hover color contrast in the admin. One of the things that was frustrating about this