Masthash

#forms

DennisL
3 weeks ago

Float labels may put you in the cool club, but they’re terrible UX.

It’s much better if your input’s label:

1) is legible
2) is above the input
3) doesn’t move about
4) is not mistaken for an answer

Simple > clever

-Adam Silver via Twitter

https://twitter.com/adambsilver/status/1660168097595113474

#UX #UXDesign #usability #forms #UIDesign

Michal Bryxí 🌱
3 weeks ago

I'm still surprised that this awesome #forms library for #EmberJS is not more popular. Probably because it's hard to google for. Do try it. You won't regret.

https://frontile.dev/docs

DennisL
3 weeks ago

Live form validation hurts UX. Here’s why. (From Adam Silver on Twitter) https://twitter.com/adambsilver/status/1658718296835862530 #ux #UXDesign #UIDesign #webdesign #forms

Fratm :archlinux:
3 weeks ago

I found a great youtube channel the other day, it came up completely random.
From the Dojang

Small channel, but should be much bigger. C.M. Griffin is a 5th degree (I think) and he talks about the myths and misconceptions of the martial arts. His video on #Forms and #Kata Is really good.

https://www.youtube.com/@fromthedojang7435

#martialArts #Dojang #Content #Youtube

DennisL
1 month ago
zem
1 month ago

@maartje
It is definitely better than #linux current #pdf #forms handling!
@alm10965

HireSocial Influencer Jobs
1 month ago

Social Media Manager/Graphic Designer #Forms+Surfaces
#Carpinteria, CA

Forms+Surfaces designs and manufactures architectural products used in public spaces around the worl...

read more: t.me/hiresocial (#8802)
#usa #InfluencerJob #HiringNow

HireSocial Influencer Jobs
1 month ago

Social Media Manager #Forms+Surfaces
#Carpinteria, CA

Forms+Surfaces designs and manufactures architectural products used in public spaces around the worl...

read more: t.me/hiresocial (#8564)
#usa #InfluencerJob #HiringNow

Web Axe
1 month ago

How to Build Great HTML Form Controls https://www.freecodecamp.org/news/perfect-html-input/ *label nearly always best #html #webdev #forms

Quick Question about #HTTP #forms and @enhance_dev :

If I have a page with a signin form called "/auth" and an API route called "/login" that the form POSTs to but the user supplied the wrong password, I want to respond with a 400 status, but also redirect the user back to the form.

return {status: 400, location: '/auth', json: {error: 'some error'}};

^ this displays the /login page with an error

#backend #htmlForms #webDev #web #js #javaScript

DennisL
2 months ago
Kirby CMS
2 months ago

Something to get you started off this week 🆙:
Three attributes for better web #forms 📝 - lovely read by @adactio #webdev

https://adactio.com/journal/19842

Quinten Steenhuis
2 months ago

Continuing to build on the RateMyPDF.com look and feel. That was the main feedback we got from some of our expert beta testers, that the table layout was confusing and hard to read.

New stats show where your form is compared to benchmark forms (soon to reflect 47 states, 24,000 forms). Red/yellow/green indicates above/within/below one standard deviation of the mean. The progress bar spans 2 standard deviations from mean

#readability #PlainLanguage #AccessToJustice #Courts #Forms

Philipp
2 months ago

My favorite #forms plugin for #WordPress is #wsform: Its really amazing how easy to use and #accessible it is. They also have a good freemium Version which I use on every small site.

Big recommendation: https://wsform.com/

“One cannot simply bypass ethics on the way to metaphysics, or construct a metaphysical political philosophy that has nothing to say about what should be the first concern of any political community: justice.”

https://www.commonwealmagazine.org/just-call-it-fascism

#ethics #metaphysics #philosophy #justice #socrates #plato #idea #forms #neoplatonism

Peter Müller
2 months ago

I tested the Form Block from @epiphyt, and I really like it. Including a form is so simple that I thought I must be missing something.

I inserted a contact form and was looking for configuration options (recipients etc.), but the form already worked out of the box, sending a mail to the WP admin 😉

Free version is ideal for WordPress-beginners, and if the items currently on the roadmap are implemented this might well be worth paying for:

https://formblock.pro/roadmap/

#WordPress #Plugins #Forms

Christian
2 months ago
Kohane-san
2 months ago

"Forms in water"
Look back to a semi-abstract watercolour painting I made some time ago. I promise, I got better. 🙂

#abstractart #abstractpainting #forms #water #watercolours #watercolorsketch #sketchbook #sketchdaily #colours #colourful #nature #plants #flower #float #coloursketch #sketching

@radpanda O ile dla autorki ankiety te dane są anonimowe o tyle dla google'a absolutnie nie są i zgodnie z ich polityką prywatności mogą być użyte np do serwowania targetowanych reklam. Dlatego zbieranie wrażliwych danych tą droga jest ZŁYM pomysłem. Można wybrać takie, które bardziej szanują prywatność ankietowanych, np #nextcloud #forms nextcloud.com/blog/nextcloud-f…
postmodern
2 months ago

I'm curious what's the defacto UX is for creating forms that can accept multiple repeated values? Say you want to allow specifying values to ignore/exclude. Would you add some JavaScript to append another <input> element? Or would you have the JavaScript add the value to a "tag list" where each value had a box and an 'x' to remove it. Or is accepting a space or comma separated list of values "good enough" (tm).
#ux #forms #html5

Dr Annetta Mallon
2 months ago

I've been quiet and patchy on social media for a while now - partly because of ongoing long COVID - which I've been transparent about - but also because my mother's dementia is worsening. Which I haven't chosen to talk openly about until now.

Dementia is a horrible terminal disease, and although my mother's has been kind to us as she still recognises the people closest to her and that is somewhat comforting as her world gets smaller and smaller, it is still devestating.

I am my mother's responsible person for everything - do your advance planning everyone! - and although we are well-organised this is still incredibly difficult and exhausting. For anyone who has waited for me to return emails or phone calls this is the primary reason, and again I thank you for your patience with my erratic schedule.

I will be travelling back to the mainland this weekend, returning next week, to help settle my mum into full-time care. The admin alone is astonishing, as those of you who have undertaken this process understand, but the details of moving a life from a home into a care facility is wrenching and fraught.

Have a good weekend and I'll see you soon,

Annetta

#GDEP #EndOfLife #Alzheimers #dementia #TerminalIllness #AdvancePlanning #care #PersonalTime #TimeOut #admin #forms #emotion #love

A purple background with the trademark GDEP logo to the left and white text "I'm taking some personal time.  My mother's Alzheimers is worsening and she's going into care. I'm helping her transition into a nursing home. Thank you for your support and understanding at this difficult time. Dr Annetta Mallon | gdep.com.au"
Daniel AJ Sokolov
2 months ago

Victoria's Secret now features fashion models in various sizes and skin coulors. But if your #family #name has more than 17 characters, you are not welcome to place an #order in Victoria's Secret #webshop
#CustomerService #fail #shopping #lingerie #underwear #IT #forms #address

DennisL
2 months ago

I find that web developers need to implement inputmode more often (to customize virtual keyboard for phone, email, etc). Hey Safari, why don't you support it?! https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode #safari #browsers #html #forms #usability

Prakash C
3 months ago

"#Always seek feedback". I think this is a very important #mantra / #formula for #improvement. I feel by putting structure to #feedback #forms - we deny people to provide pure feedback and limit it. Feedback #forms should have #open text feedback before structured like using objective questions and the likes.

Ladies that UX Brighton
3 months ago

[3/3] Announcing our guest experts for the Accessible Online Forms workshop with @CodebarBrighton (bird site). Tomorrow at The FuseBox (sorry, we're sold out).

Caroline Jarrett Cjforms@mastodon.social

- Forms and survey specialist
- Author of "Surveys that work"
- Co-author of "Forms that work"

#forms #surveys #formsthatwork202 #ux #coding #ltux #codebar #accessibility

Caroline Jarrett guest expert, full text in accompanying post.
JR Tashjian
3 months ago

👋 It's been a minute since I've talked about OmniForm! I got stuck on a fundamental problem and needed to step away for a bit after pushing hard for so long. Came back with fresh eyes and figured it out!

Time to push again and get this released! #WordPress #forms

https://omniform.io

Can we finally get rid of these #JobApplication #forms? #ChatGPT can easily get the information out from #CVs.
See the screenshots.
My #CV used as an example and simply copy-pasted to ChatGPT:
https://github.com/keskival/cv/raw/master/docs/cv_eng.pdf

#recruitment #JobPortals

An ape getting frustrated with a job application process asking for job history to be inputted to forms after having asked a resume upload. The ape is pushing the laptop off the table.
A ChatGPT dialog where I ask it to produce an XML summary of my CV copy-pasted as text.
A ChatGPT response where it makes pretty good XML out of the CV contents.
erAck
3 months ago

I hate booking forms (and others, but specifically bookings) that don't accept subaddressing (plus-addressing) in email addresses and insist on "you must enter a valid email address". You stupid brain dead web developers! Read and understand that damn RFC 5233!
https://www.rfc-editor.org/rfc/rfc5233

Or if that's too sophisticated for you then at least Wikipedia
https://en.wikipedia.org/wiki/Email_address#Subaddressing

#SubAddressing #PlusAddressing #Email #Forms #stupid #brainDead #Web #Developers #RFC5233

Matthias Ott
3 months ago

🤔 Is <input type="datetime-local"> safe to use on accessible websites these days? #a11y #forms #html

olivierlacan
4 months ago

Rails form helper methods are in a dire need of a modern refactor where method arguments aren't obscure and strictly positional.

Sure progressive typing could help with interface discovery but why not kwargs?! You know everyone who's used these for over a decade still gets it wrong because they forgot to pass a positional nil before some custom HTML class.

It's worse than any other Rails API I can think of at this point. Is anyone already working on this already?

#rails #forms

ceelight
4 months ago

Wow. #Nextcloud App #Forms is ja schon sehr nice!

Einfach Link teilen und Antworten einholen. Installiert in bestehender Instanz in Sekunden. Sofort nutzbar. Coole Sache!

= ©® Ansehen /" Bearbeiten il. Ergebnisse Test Beschreibung Antworten sind mit deinem Nextcloud-Konto verbunden. Wann soll es sein? B
m Geteilt von Thorsten Zieleit

Test Beschreibung Wann soll es sein?

Datum auswéhlen = Name [ Nickname

Bitte Antwort eingeben Options O Antwort1

Nextcloud - ein sicherer Ort fiir all Ihre Daten
= © Ansehen /" Bearbeiten il. Ergebnisse < Teilen =

Test 1 Antworten Wann soll es sein? Datum

® 0 (0%): Keine Antwort

e 9. Februar 2023 Name [ Nickname Kurze Antwort

® 0 (0%): Keine Antwort

® Test
Sara Joy ✨
4 months ago

So... When your #Netlify #Forms #API delivers your message body, it looks like this:

'Message, message message-message message; message message.\r\n' +
'\r\n' +
'Message message - message!'

And that's nice and all but is there a way I can loop through that to display the new lines? Currently just plopping that body into a <p></p> removes all new lines.

I did try a replace to put <br>s in there, then inserting it as HTML, but that would then let through any HTML in the message body. Dangerous!

Sara Joy ✨
4 months ago

Anyone know whether #netlify #forms count spam submissions as usage that counts towards the 100 free submissions allowed before billing kicks in?

Web Axe
4 months ago

Decoding Label and Name for Accessibility https://webaim.org/articles/label-name/ #a11y #forms #webdev #aria #html

DennisL
5 months ago

With web forms, for birthdate, a text input should be used for the best usability. A dropdown for the year is bad, but this is ridiculous! Sorry, but no one will be born in 2055 for another 32 years. Found multiple instances in the same painful process to sign up my son for a sport. #rant #UX #UXfail #UIDesign #UIFail #usability #forms 😖

An open select dropdown control. Options at top start with the word Year, then go from 2055 down to 2024. The options are cut off from image at that point.
Charles ☭ H
5 months ago

I know some folks who have picked square space for their web hosting, but want to de-google their data collection. Squarespace #forms autofill google sheets. Is there a good way for them to collect sign-up information in a way the respects user #privacy and avoids Google?

They have some budget, so paying for something would be fine. They are in the UK and need to be GDPR-compliant. This is a queer project, so the data is slightly sensitive.

Suggestions very welcome.

#SquareSapce (why did it auto-suggest that spelling?? I meant #SquareSpace )

(The word press designer thing for the latest in-built theme is actually very hard to figure out which is why this group went for the corporate option. Their choice will not be revisited for the foreseeable.)

Anselm Hannemann
5 months ago

Today I learned that the CSS `:empty` selector is implemented to look for child content (think of innerText/innerHTML).

This means it reports empty for filled form elements which are self-closing elements.

https://helloanselm.com/writings/til-css-empty-isn-t-applicable-on-form-fields
#css #forms

Allan Ogg
5 months ago

GoForms
A web application that helps you create beautiful forms easily and quickly without typing a single line of code. Unlimited forms. Unlimited submissions. Unlimited questions. Free plan available. #web #applications #freeplan #forms #editing
https://goforms.app/

AB
5 months ago

What is a really good alternative to #GoogleForms?

#TechTips #Forms #Google

DaN McKee
5 months ago

Sometimes, despite everything I’ve done with students both in and out of the classroom, I think my greatest accomplishment as a teacher was filling in a risk assessment form for a trip to a philosophy conference and identifying the “risk of students thinking so deeply that they reject all social conventions, recognise their true existential freedom, and begin to ask questions that might make them doubt even their most seemingly secure perceptions of reality”, just to check if anybody reads them. The trip was approved. 😂

#RiskAssessment #Teaching #Philosophy #Education #Forms

DennisL
6 months ago

One day we'll have a fully customisable select https://www.htmhell.dev/adventcalendar/2022/13/ 🔥 HTMHell Advent 2022 Day 13 #webdev #webdesign #forms #selectmenu

Web Axe
6 months ago

"Use Legend and Fieldset" — yet another reason why semantic HTML is better than ARIA https://adrianroselli.com/2022/07/use-legend-and-fieldset.html by @aardrian #webdev #a11y #forms

DennisL
6 months ago

YES 👉 "Premature error messages, aggressively styled fields, and unnecessarily disruptive system-status messages feel bad-mannered and increase cognitive load for users during otherwise simple tasks." https://www.nngroup.com/articles/hostile-error-messages/ #ux #usability #forms #uiDesign

DennisL
6 months ago

Don’t Use The Placeholder Attribute https://www.smashingmagazine.com/2018/06/placeholder-attribute/ From 2018 and still very applicable. By @ericwbailey #webdesign #forms