recentpopularlog in

piperh : input   29

Everything You Ever Wanted to Know About inputmode | CSS-Tricks
1st sentence: "The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display ..."
webdesign  web  design  input  mode  inputmode  keyboard  virtual 
10 weeks 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
Pure CSS: Accessible Checkboxes and Radios Buttons – Clarity Design System – Medium
step-by-step how to style an accessible custom checkbox. Uses opacity:0 to hide the default checkbox
webdesign  web  design  checkbox  accessible  style  css  code  coding  howto  custom  customise  input 
october 2018 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
Don’t Use The Placeholder Attribute — Smashing Magazine
intro says: The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. Let’s clarify why you need to stop using it.
Quite convincing argument. He says put descrip text in between label and input
webdesign  web  design  placeholder  label  tag  html  code  coding  attribute  form  input 
june 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
Jumprock | Send emails from your static site.
form to email service via their servers, so eliminates form spam. Free, but Premium service allows custom form fields, $15 yr.
webdesign  web  design  form  email  submit  post  input  static  website  site 
march 2018 by piperh
they say: Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms. css is BEM
webdesign  web  design  form  boilerplate  component  html  css  input  boiler  plate  template 
february 2018 by piperh
Text input highlight, TripAdvisor style – freeCodeCamp
they say: create a text input style like the search input on TripAdvisor.
webdesign  web  design  effect  underline  type  text  input  style 
november 2017 by piperh
Advanced CSS-Only Form Styling - Jonathan Harrell | CSS Blogger & Teacher, UI/UX Designer, Front-End Developer
Jonathan Harrell says: Learn about selectors both new and old that you can use to style form inputs based on requirement, validity and more
webdesign  web  design  css  form  style  styling  selector  input  element 
november 2017 by piperh
HTML5 Forms: How To Use The New Email, URL, and Telephone Input Types
good reference article about html5 input types for forms - explains some stuff about each input type. Also shows poss use of 'pattern'
webdesign  web  design  form  input  validate  type  html  tel  email  text  url  pattern 
february 2017 by piperh
Textile · Links
syntax for link elements in textile of markitup (or is it markdown?), showing how to add title text, class names etc
webdesign  web  design  textile  input  syntax  code  reference 
december 2016 by piperh
Textile Syntax Documentation and Sandbox
reference pages showing syntax for use in textile input fields and text area
webdesign  web  design  text  textile  input  shorthand  reference  syntax  markup  markitup  code  documentation  area 
december 2016 by piperh
How to Make Floating Input Labels With HTML5 Validation - Envato Tuts+ Web Design Tutorial
intro to native html5 form validation attributes. Also encourages one to learn about regex
webdesign  web  design  regex  regular  expression  form  validation  input  css  js  javascript 
march 2016 by piperh
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Chosen is a jQuery plugin that makes long, unwieldy select boxes more user-friendly
webdesign  web  design  forms  input  list  select  js  javascript  jquery  box  ui  user  interface 
november 2015 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