I use the timer on my Apple Watch a lot. I find it frustrating that instead of pressing on the big “done” in the middle of the screen to stop the timer after going off, I have to target the small x button in the lower left corner, which because it is very near the rounded edges of the Watch’s screen, is even harder to target. 😒 (I just now saw the Done label isn’t even centered in the circle :smh:)
Consider a "CPU" or "network activity" graph: I'd like one that has "one dot per second" on the right side and like "1 dot per minute" (or whatever) on the left side, but "rolled up" (i.e. min/max/mean of 60s or similar).
Perhaps could have multiple such segments (seconds, minutes, hours?) etc etc. #ui
For those interested in using reactive attributes in SVG elements using https://thi.ng/rdom, I hope you'll find this small new example and comments/explanations helpful:
Most of these tests to ensure someone is a #millennial seem like things that anyone can figure out, but I don't see any possible way for kids these days to understand the #iPod scroll wheel #interface without seeing someone else use it first.
We're discussing internally where I work where we are unfamiliar with all the UI/UX design patterns and tricks if we should be hiding or disabling buttons when someone is not authorised to do something.
Would appreciate any advice or even opinions on this 😅
So, you want to build an app that has its data co-located with its UI? That works offline? That synchronizes between clients? And that lets its users own their data?
I think I'm going to have to rename the #Firefox containers, because I've caught myself a few times opening things that should have gone into a "New Private Window" into a "New Personal Tab", then going into settings to remove all the cached data and cookies the from the site I just opened.
Does anyone have any good resources for making a drag-and-drop list reordering interface accessible to non-mouse users? The lists can be nested.
Using a form seems clunky:
Place item at top level OR inside Item B
Place at start OR after Item C
Reveal up/down arrows to keyboard focus? How do I move items in and out of nested hierarchies? How to I keep the primary list interface from not getting cluttered?
https://octospacc.altervista.org/wp-content/uploads/2024/04/screenshot_2024-04-21-01-09-00-703_us3219597754036554679-960x536.jpgLa #programmazione oggi sottrattami una non ignorabile quantità di tempo. Realmente però, da stamattina fino a oggi pomeriggio sono dovuta impazzire per far funzionare il menu delle opzioni su #SpiderADB come in figura… cioè esattamente come nella #UI di #Android, dove i tastini della barra del titolo vanno a collassarsi in un menu quando non c’è più spazio. Purtroppo la libreria che ho usato per questo stile non è per nulla funzionale di suo, quindi ho dovuto implementare io queste cose. 🥱A parte che non ho in teoria manco finito con quel menu, perché non si chiude ancora cliccando fuori su qualsiasi altra cosa che non sia il bottone di apertura (ma questa è una rogna sottile), ma poi ho dovuto spendere altro tempo per implementare quello che avrei già dovuto fare ma non potevo prima perché sarebbe mancato lo spazio per il bottone di attivazione della funzione, ossia effettivamente la disinstallazione dei pacchetti lì… Ovviamente sono sempre usciti fuori altri problemi strambissimi strada facendo, che sempre ho dovuto risolvere dolorosamente, ma alla fine ecco qua… 🙏
Volevo in realtà iniziare un altro #progetto stasera, probabilmente a lungo termine invece, ma ho giustamente deciso di finire prima ciò che avevo iniziato appena poco prima, per una buona volta, altrimenti sappiamo come va a finire. Quindi bene. Però, da domani, e adesso vi droppo una bomba, devo iniziare il mio sistema operativo #web. Sembra una pazzia, e lo è, ma voglio creare qualcosa che sia come quegli pseudo-OS HTML5 a scopi di portfolio, ma che sia per me anche un software di uso quotidiano, andando leggermente oltre le limitazioni di tutti quelli fatti solo come esercizio di stile… visto che non mi va bene nessun OS desktop o mobile, perché non farne uno io per entrambi, eh? 😇
Writing up some best-practice patterns for form controls, and I've assembled this list of native HTML controls that should never be used (because they're not universally supported, and/or their native UI has accessibility problems):
Yea I pretty much hate every date/calender input out there, and most of the color input tools too.
Interestingly, I think most color choosing tools and date choosing tools fail for the same reason: a “nearly infinite” set of possible choices.
Consider a date tool. Do you need to enter a date for next week for an appointment? Or a date/time in a month for a holiday trip, but you have to schedule around two other people.
Or, enter your birthday.
Or, find that event that was ten years ago, but it might have been 9 or 11 years, and you’re in California where we don’t have seasons so you can’t remember time of year…
That’s four different task requirements, and a simple all purpose tool is not an ideal solution.
But “simple all purpose” is what most UIs for date/time are.
This has to be the most infuriating bug report I've ever submitted. I went to type in my 2FA code on a website - but no numbers appeared on screen. Obviously, I was an idiot and had forgotten to press the NumLock button. D'oh! I toggled it on and typed again. No numbers appeared. I […]
This has to be the most infuriating bug report I've ever submitted.
I went to type in my 2FA code on a website - but no numbers appeared on screen. Obviously, I was an idiot and had forgotten to press the NumLock button. D'oh! I toggled it on and typed again. No numbers appeared. I switched to another tab, my numbers appeared when I typed them. So I was reasonably confident that my keyboard was working.
I swapped back to the 2FA entry and tried again. Still nothing. Then I tried typing the numbers using the number row on my keyboard. My 2FA code appeared.
WHAT IN THE SAINTED NAME OF ALPHONSE CHAPANIS IS GOING ON?!?!?
A good demo of this is at keyjs.dev - play around with it to see what keyboard buttons your browser can detect.
When I press 7 on the top row of my keyboard, the key is 7 and the code is Digit7.
But when I press 7 on my number pad, the key is 7 but the code is Numpad7.
The JavaScript on the website was rejecting any key code which wasn't a "Digit"!
Perhaps I am a weirdo for insisting on both having and using my numpad? Perhaps developers need to test on something other than MacBooks? Perhaps JavaScript was a mistake and the Web would be better without it?
Either way, don't be like that website. Let users type in using whatever keys they like.
Avete mai la strana #sensazione che qualcuno viva abusivamente nelle vostre mura? E non so, ogni tanto vi sembra come se le mura diventino sempre più spesse, momento dopo momento stringendosi di sempre qualche ulteriore micrometro attorno a voi, come se la creatura che ci vive dentro cerchi sempre più di espandersi e mettersi comoda a discapito vostro? So che ad un ritmo come quello non è facile notarlo da un giorno all’altro, ma dopo qualche anno il perimetro sarà diventato inevitabilmente più stretto… e a quel punto sarà ormai troppo tardi. Voi non avete agito in tempo, ignorando il vostro intuito e credendo che il percepire la presenza di Lui fosse solo un ennesimo #pensiero intrusivo senza base logica. “He comes“, dicevano coloro che voi avete chiamato pazzi e deriso, e quindi ormai H̵̨̒e̴͙͆ ̶͓͂c̵̢͌a̴͔̐m̴̬͐é̷͖. È troppo tardi, non potete scappare. Il vostro luogo di vita è ormai Suo. H̸̞́̓e̵̠͛ ̸̤͛̊l̶͖̎̅ḭ̸̡͒̅v̴̞̒͛e̴͚̱̊̍s̸̗͆. Le conseguenze si stanno già manifestando, î̵̙n̴͖̈́ ̶̢̂y̷̺̌ò̶̯u̵̙͆ř̷̨ ̷̡̾w̵̳͊a̴̩̎l̸̬͛l̴̘͐s̵͔̈́. Y̴͍̬̽̊͊́̈́ͅƠ̷̬͋Û̶̲̙͋͜͝ ̴͈̳̱͎̄̏̀͂C̷̲͖̑̎͊̿̽Ä̴̖͉́̒N̷̨͖̑͘N̵̬̳̽͑̕O̴̢̅͌̿Ṯ̶̦̆̀̿̀-̶̮͔̫̞͚̄͊̈́͠—
Ciò è esattamente come mi sento quando penso a come il design #UI si incammina sempre di più sulla via dello spreco di #spazio, inefficienza d’uso, ed enormi padding. Succede ovunque, e per qualche motivo ancora non si ferma, tra qualche decennio saremo condannati ad avere titlebar alte 1/4 di schemo e poter vedere appena 4-5 righe di vero contenuto in ogni dato momento. But I digress. Fortunatamente, quando queste invasioni di #demoni accadono nel #software, ossia quando il danno è causato da codice scritto da umani un po’ fuori di testa, essendo a propria volta abbastanza fuori dalla ragione si può aggiustare il tutto con ulteriori incantesimi di testo, e quindi… ✨️
…oggi mi andava di sfrattare le entità dal mio #desktop#Cinnamon (perché ieri ho reinstallato il sistema) e riprendermi tutto quello spazio che è mio. Non ero mai riuscita nemmeno a ridurre le a mio parere enormi (e su GNOME sono anche peggio!) barre del titolo di #GTK3, almeno non senza installare temi speciali che comunque non fanno granché il lavoro, Però ora ho trovato questo thread con alcuni consigli di CSS, e… in effetti ha funzionato (per decorazioni in gergo sia lato client che server!). Solo che a questo punto mi stava piacendo e, un po’ andando a caso, un po’ facendo riferimento alla documentazione di #GTK (che non è affatto creata per questo, mannaggia, non c’è roba in giro adatta ai power user, solo cose per sviluppatori), mi metto anche a striminzire bottoni, menu, liste… ne traggo proprio soddisfazione. Anche se non ho raggiunto proprio la perfezione, altrimenti vado totalmente mentale. 💕️
https://octospacc.altervista.org/wp-content/uploads/2024/04/image-4-960x542.pngQui quindi vedete il mio ambiente attuale, comparatelo con il mezzo screenshot che si vede di sfondo con il desktop originale della cannella. La taskbar è alta il minimo che si può settare dalle impostazioni (20px), quella non ha subito modifiche, ma alle finestre ho cambiato (quasi) tutto via #CSS (tutto quello che entra in foto, nulla di più): bottoni, menu, etichette, barre, la spaziatura verticale di quasi ogni cosa è stata portata a 0 o 1 pixel, e cavolo se ora ho più spazio a schermo. Il #padding orizzontale non l’ho toccato, mi piace come sta e non spreca area, ma è quello verticale che è sempre inappropriato.. specialmente su sistemi desktop, dove in genere è quello il lato meno spazioso, e dove in ogni caso si usano spesso dispositivi di puntamento precisi (mouse o touchpad), che non giustificano il rendere giganti le aree di click. Se vi sembra troppo stretto, boh, per me per ora è #comfy. 🙃️https://octospacc.altervista.org/2024/04/16/living-in-my-walls/
I am plagued lately by websites that do weird #UI things & just lose all my typed comment.
Facebook's mobile website does it if I minimize my phone's keyboard.
#WordPress .com just did it when I typed a long meticulous comment & entered my name & email which it recognized as belonging to an account so it prompted me to log in. After I did so, I was returned to the blog post.... my comment vanished into the ether.