recentpopularlog in

piperh : form   76

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 
5 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
Getform | Easy form endpoints for your forms
Form backend platform for designers and developers
webdesign  web  design  webdev  form  backend  data 
december 2018 by piperh
MAMP & MAMP PRO: How to: Sending Emails with MAMP PRO
a mamp blog help page article showing how to configure mamp pro to use the php function 'mail()'. Dead easy, go to Server -> Postfix
I think Postfix is an Apache thing which Mac has built in by default.
mamp  pro  email  mail()  postfix  send  form  mail  php  function  server  domain  outgoing 
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
Free Online Form Builder, create HTML forms and surveys - Cognito Forms
online drag-and-drop form builder. Free and paid services. I think that the form is embedded on your site but the data goes to Cognito Forms.
web  form  builder  embed  online  service 
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
The Benefits of Using CSS Grid for Web Form Layout — SitePoint
Craig Buckler article about using grid and flex for form construction and layout
webdesign  web  design  css  grid  layout  form  flex 
september 2018 by piperh
Fes un donatiu - Pallapupas, Pallassos d'hospital
Pallapupas.org donations page - has nice popup modal-type floating form
amantaní  donate  donation  page  form  example  clowns 
july 2018 by piperh
Donatius | Col·labora | Arrels Fundació
Arrels Fundació donation page. Use this as base for Amantaní form
arrels  donation  form  example  amantaní  donate  page 
july 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
Design Better Forms – UX Collective
Tips for design of forms and form elements
webdesign  web  design  form  forms  ux  ui  tips 
april 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
Boilerform
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
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
Formcarry. | no Javascript no PHP just point your form and chill.
they say: Hassle-Free Forms. Just point your form to formcarry, then we will handle the backend while you’re working on more interesting problems.
Online form submission service.
webdesign  web  design  forms  service  submit  form  submissions  users 
november 2017 by piperh
10 Minute Mail - FAQs
generates a temporary email address that self-deletes in 10 minutes. Ideal for sign-up confirmation emails for untrustworthy sites. Extendendable by 10 minutes
email  sugnup  spam  temporary  private  security  register  link  verify  confirmation  form  registration 
august 2017 by piperh
Easiest Form2Mail
a form to email php package, free
webdesign  web  design  webdev  development  form  email  formtomail  php  free 
march 2017 by piperh
TellForm
they say: TellForm is a free, opensource form builder similar to Google Forms or TypeForm that can create stunning forms for recruiting, market research and more.
webdesign  web  design  form  builder  opensource  free 
march 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
SimpleModal Demos / Eric Martin / ericmmartin.com
a jquery modal with some options. Only closes on X, not by clicking on overlay. But has a Success message that appears in the modal, so check that bit of the code for usage
webdesign  web  design  jquery  js  javascript  script  modal  overlay  window  form 
february 2017 by piperh
enformed.io | Powerful, easy HTML form management. No programming required.
online html form management service, free (100 emails month) and paid ($10 month, unlimited emails). Makes setting up form very easy
html  form  service  online  manage 
january 2017 by piperh
Make Forms Fun with Flexbox
tutorial on using flexbox to layout forms
webdesign  web  design  form  html  css  flex  flexbox  layout 
november 2016 by piperh
A few HTML tips ★ Mozilla Hacks – the Web developer blog
Some really elementary html but it includes very handy tip about svg sprites, and tips about placeholder
webdesign  web  design  html  tips  svg  sprite  form  placeholder 
august 2016 by piperh
Interactive Customer Feedback Form (For a pet store)
novel method of giving feedback - drag cartoons mouth into smile or the opposite, to indicate satisfaction level
webdesign  web  design  feedback  interactive  js  javascript  webdev  animal  animation  drag  vote  form 
june 2016 by piperh
datedropper is a jQuery datepicker plugin.
jquery plugin for forms to present a friendly date picker
datepicker  ui  javascript  jquery  js  date  picker  dropper  form  chooser  select  enter 
april 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
Form Builder · JotForm
hosted, online, drag and drop form builder with free and paid versions. Also there are templates. Looks good and very simple to use. Not sure how you'd incorporate into your own site - maybe it's in an iframe. In any case, once form is built they give you a line of code.
webdesign  web  design  online  form  builder  tool  forms  hosted  create  build 
december 2015 by piperh
Native Form Elements
displays native html5 form elements so you can see how browser renders them
webdesign  web  design  form  element  browser  native  html  ui  style 
december 2015 by piperh
PHP and jQuery Contact Form - Codular
a more sophisticated looking form to email method using jQuery and ajax.
webdesign  web  design  form  send  email  jquery  js  script  php  howto 
october 2015 by piperh
PHP 5 Form Validation
w3schools page validating webpage form
webdesign  web  design  form  validate  php  method  validation 
october 2015 by piperh
Send Email | CSS-Tricks
css tricks version of form to email. See halfway down comments someone posts a complete php script.
Another commenter says this code is insecure and links to a secure version at w3schools
webdesign  web  design  css  html  form  email  send  contact  howto  php 
october 2015 by piperh
Pure
they say: "A set of small, responsive CSS modules that you can use in every web project". Includes some responsive menus but not slide out from side.
This is a Yahoo framework project
webdesign  web  design  grid  layout  responsive  css  code  modules  form  button  table  menu 
june 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