Search
Items tagged with: javascript
Now they have to be accessible, so read well with screen readers, and be fully keyboard navigable. This includes things like lists, tab bars, menus, etc.
So here's the problem. I have some things that need to be inside a container. A list for example. So you have the list container, and then the list items inside it.
When you tab around, I want the container to be tabbable, not the list item. So you don't tab through the list, you tab to the list, and then use the arrows to move around.
Now here's the problem. When the container is tabbable, and not the list item, when you tab to the container, it either:
* reads something like "List title section" and then nothing, not even the item you have selected. Or
* Reads all the list items at once.
Either of those are not great obviously. Ideally, I'd like it to read the list title, then list, and then the selected item.
So the way I get it to do this is by detecting when you tab/focus the list container, and then immediately set the focus to the selected list item instead.
Now this works fantastic. You can tab around, and it automatically puts you right on the list item you have selected, and it even gets read.
But somehow, when you don't just tab around, but also shift tab around, this shift tab lands you back on the list container. And that automatically moves your focus back inside the list. So effectively, once you're in a list, you're trapped.
Does anyone have an idea how to get around this without doing ugly hacks like stealing tab and shift tab and implementing tab order myself? I want to use as many native browser features as possible so if there's another way to do this, please feel free to tell me.
#HTML #JavaScript #accessibility
Small Web sites will require JavaScript to sign in.
Why?
To protect your privacy.
We use public-key authentication (which I’m implementing as we speak) so your secret is never stored on the server and you only enter it in places you own and control.
(I can already see some folks up in arms about this because JavaScript Bad™ so I just checked in the initial copy for the page that gets displayed if JavaScript is off.)
#SmallWeb #Kitten #SmallTech #JavaScript #cryptography #authentication
So this is a hilarious 4 minutes: wat
destroyallsoftware.com/talks/w…
Thank you, @kukrak and @faoluin – how had I not seen this before? :)
#wat #dev #wtf #JavaScript #ruby #video #presentation
I was working on Tweetormator, a open source self-hosted solution to tweet scheduling, engagement analysis and evergreen♻️ tweets but that feels dead in the water now.
Or perhaps I could convert it to Tootormator? I'll need to look into the Mastodon API.
#opensource #react #javascript #selfhosting
Hi, I'm treefit, a #foss dev working on #deltachat. I'm responsible for the desktop client together with @jikstra.
My favorite coding language is #rustlang, but I "speak" #typescript, #javascript, #html, #css, too.
I'm also capable in #python and #swift, but not as much.
I'm new to the mastodon/toot style of communication (never used Twitter, either), so I'm still learning of how this all works.
My goal is to give you some behind-the scenes peeks onto the DeltaChat development.
Folks, if you’re using @small-tech/auto-encrypt in your projects, please make sure you’re running the latest version of the package (3.1.0) or certificate provisioning/renewal will fail due to the latest Let’s Encrypt protocol update.
codeberg.org/small-tech/auto-e…
#tls #https #letsEncrypt #autoEncrypt #js #javaScript #nodeJS #web #dev #smallWeb #smallTech
auto-encrypt
Automatically-provisioned TLS certificates for Node.js servers using Let’s Encrypt.Codeberg.org
Just released JavaScript Database (JSDB) version 2.1.0
Added: exposes compactOnLoad and alwaysUseLineByLineLoads options to JSDB.open()
(JSDB is a zero-dependency, transparent, in-memory, streaming write-on-update JavaScript database for the Small Web that persists to a JavaScript transaction log.)
#JSDB #javascript #js #database #SmallTech #SmallWeb
jsdb
A zero-dependency, transparent, in-memory, streaming write-on-update JavaScript database for the Small Web that persists to a JavaScript transaction log.Codeberg.org
Right, thanks to your feedback, this is what the “hello, world” would look like in htmx versus the equiavelent of what I have now in Svelte.
But there’s one big drawback to htmx… no ES modules and thus no components. That’s a biggie.
🤔
#htmx #svelte #javaScript #js #nodeKit #smallWeb #prototyping
Cool stuff, #Fediverse ...
#SearchHut 🔎
"SearchHut is a curated free software #SearchEngine developed and operated by #SourceHut."
"SearchHut indexes from a curated set of domains." 🤩
"In the future, it will be expanded to support narrowing down your search terms by applicable tags (e.g. #docs #python), filtering for sites with and without #JavaScript, searching specific sites (e.g. @wikipedia.org), and other features." 🚀
news.ycombinator.com/item?id=3…
Loving this 💖
Bun (a new JS runtime ala Node.js and Deno) sounds interesting. Not least of all because it doesn’t use V8.
(I can’t use it for NodeKit at the moment as it doesn’t support custom ESM loaders but I’ll be keeping an eye on it.)
#js #javaScript #bun #nodeJS #deno #nodekit #web #dev
Bun is a fast all-in-one JavaScript runtime
Bundle, transpile, install and run JavaScript & TypeScript projects – all in Bun. Bun is a new JavaScript runtime with a native bundler, transpiler, task runner and npm client built-in.bun.sh
web-dev-studio
Resources for Coding Three: Web Development Studio by Joana Chicau at Creative Computing Institute, University of Arts of London.Source Code At Bargain Prices!
Tape implemented support for ECMAScript modules a little while ago so you no longer need my ESM Tape Runner module for most things. However, if you want to unit test experimental ES Module Loaders, it’s still useful.
github.com/small-tech/esm-tape…
Also, if you want a cute monkey to report your TAP results, see Tap Monkey (github.com/small-tech/tap-monk…)
#js #javascript #unitTesting #tape #esm #ECMAScriptModules #ESModuleLoaders #tap
GitHub - small-tech/esm-tape-runner: Basic test runner for tape that supports ECMAScript Modules (ESM; es6 modules). Runs your tests in isolation, one after the other.
Basic test runner for tape that supports ECMAScript Modules (ESM; es6 modules). Runs your tests in isolation, one after the other. - GitHub - small-tech/esm-tape-runner: Basic test runner for tape ...GitHub
✨ HELLO FEDIVERSE ✨
I'm working on an introductory #book about #decentralisation protocols. 🦄
It serves as a taster for different technologies, and provides you with a path forward to deepen your studies if you're so inclined.
I'll cover #ActivityPub, #Hyper, #IPFS, and #SSB. Each chapter is a brief intro and a hands-on project using #JavaScript.
The book will be CC licensed. If that sounded interesting, add yourself to the interested readers list at:
leanpub.com/four-decentralisat…
Four Decentralisation Protocols
Join me in an exciting journey to learn about peer-to-peer technologies by building four small decentralisation projects using JavaScript.leanpub.com
An #introduction: I'm a #javascript dev from Brisbane, Australia. I run bne.social for Brissie folks & friends, join us!
📹 I loove #travel #vlog / #filmmaking / editing. Check out my Youtube at ash.ms/yt. Send me yours!
🚵 Also interested in #sustainability, #cycling, #retrocomputing & my CD collection (what's your fav album?)
Otherwise I love this part of the world & you'll probably find a lot of photos of moments I find beautiful around here. PS: 💯 gay 🌈 🦄
