recentpopularlog in

piperh : field   19

Avoid Placeholder Text by Animating Form Labels — Knowbility
an odd technique to combine form field label as though it was a placeholder. Although pretty I don't think it's a great solution 'cos you don't know if you're supposed to type on top of the placeholder until you hover or click there and find that it moves to reveal focussed field. Would be even weirder on touch screen
webdesign  web  design  form  field  placeholder  ui  ux  animation  label 
3 days ago by piperh
You probably don’t need input type=“number”
why using type="number" isn't always a good idea on form input fields
webdesign  web  design  input  form  number  type  field  usability  ux  touch  screen  numeric 
april 2019 by piperh
autoComplete.js - Vanilla Javascript library
they say: Simple autocomplete pure vanilla Javascript library.
Not v impressed by demo, but maybe it depends on database/dictionary that it draws from.
webdev  web  development  js  vanilla  autocomplete  form  search  field 
january 2019 by piperh
Designing A Textbox, Unabridged — Smashing Magazine
article about needing to use html textarea instead of input for fields that might receive a lot of text, and the issue of character limit and how to deal with it. Suggests js methods but without detailing any code.
webdesign  web  design  text  input  textarea  form  field  typing  characters  placeholder  css 
september 2018 by piperh
Best Practices For Mobile Form Design — Smashing Magazine
about form design for mobile. Some concept stuff about psychology of form filling and abandonment, and also practical tips and advice on construction and functioning
webdesign  web  design  ui  form  field  mobile 
september 2018 by piperh
GitHub - rikschennink/short-and-sweet: 📟 Accessible character counter for input elements
Tells user the amount of space left when the field is focussed, live update while typing. Vanilla js
webdesign  web  design  input  field  character  count  counter  javascript  library  form 
june 2018 by piperh
Text Mask: Conform user input to a string mask
prevents input of incorrect characters in form fields
webdesign  web  design  form  input  field  mask  library 
may 2018 by piperh
Best practices for site search design | Webflow Blog
article subhead: Search can be a powerful tool for improving UX. And it only gets more powerful when you follow these best practices.
webdesign  web  design  webdev  search  development  field  site 
december 2017 by piperh
HTML Forms and Input
name="input" action="html_form_action.asp" method="get"
webdesign  web  design  webdev  html  form  forms  tag  style  input  radio  checkbox  field  reference  code  coding 
february 2014 by piperh

Copy this bookmark:

to read