recentpopularlog in

abberdab : forms   37

How do I pass information from one Perch form to another?
Useful when implementing a form with multiple steps that have been broken onto separate pages.
perch  cms  forms  leads 
march 2018 by abberdab
Country list for Perch CMS
A comma separated country list with pipe separated ISO codes. Mainly to use for the Perch CMS form input select options.
perch  cms  code  forms  lists 
march 2018 by abberdab
Breaking the Grid -
As a Front-End developer nothing bothers me more than seeing an unexpected horizontal scrollbar on a website. While building out a checkout layout with CSS Grid I was surprised to find something mysterious was breaking the container. I thought Grid sort of auto-solved sizing.

Eventually I found two ways to break CSS Grid. As it would happen, I was doing both in the same layout — overflow-x and form elements.
forms  css  grid  layout  troubleshooting  hacks  overflow 
september 2017 by abberdab
Designing The Perfect Slider – Smashing Magazine
When we think about a slider, we usually imagine an image gallery slider, or the infamous carousel, or perhaps off-canvas navigation, with the overlay sliding in from the side. However, this article is not about those kinds of sliders. Instead, we’ll look into the fine details of designing better slider controls for selecting a value or a range of values. Think of price range sliders, 360-degree-view sliders, timeline sliders, health insurance quote calculators, or build-your-own-mobile-plan features.

In all of these use cases, a slider is helpful because it allows users to explore a wide range of options quickly. For precise input, a slider can never beat a regular input field, but we can use a slider to nudge our customers to explore available options and, hence, aid them in making an informed decision.
slider  ux  forms  range  input 
july 2017 by abberdab
WTF, forms?
Friendlier HTML form controls with a little CSS magic. Designed for IE9+, as well as the latest Chrome, Safari, and Firefox.

Created by @mdo.
design  css  forms  dev  www 
august 2016 by abberdab
Adactio: Journal—Unlabelled search fields
Adam Silver is writing a book on forms—you may be familiar with his previous book on maintainable CSS. In a recent article (that for some reason isn’t on his blog), he looks at markup patterns for search forms and advocates that we should always use a label. I agree. But for some reason, we keep getting handed designs that show unlabelled search forms. And no, a placeholder is not a label.
accessibility  forms  dev  design  www 
july 2016 by abberdab
Responsive Newsletter Form
In an attempt to simplify sign-ups, this form was created.
css  html  js  forms  rwd  www 
august 2014 by abberdab
Fancy File Input | Sean's Blog
If you've ever tried styling form inputs then, like me, you probably just tweak their margins so they position nicely, and then go home and drink away the feeling of defeat. Styling most form elements is an incredibly difficult task. Trying to style file inputs across browsers, however, is virtually impossible.
forms  jquery  plugins 
may 2014 by abberdab
Ziptastic is a simple API that allows people to ask which Country,State and City are associated with a Zip Code.

The purpose for this service is to STOP the madness of having to fill those information out on webforms. If you've ever filled out a webform, then you have probably gotten to the address section and simply entered in your street information and then your city, state, country and then your zip code. This has always bothered me because the 3 fields prior to the zip code can be determined from the zip code!
zipcode  forms  addresses  dev  www 
august 2013 by abberdab
Introducing Subscribe Pages - Campaign Monitor
Hot on the heels of the new Subscribe Button, today I'm happy to announce another simple tool that makes it easy to grow your audience with Campaign Monitor. As of today, every list in your account now has its very own Subscribe Page, a simple, customizable page that lets anyone join your list - no coding required.
mobile  email  forms  rwd 
june 2013 by abberdab
Creating a Slider Control with the HTML5 Range Input | Developer Drive
In this tutorial we will create a basic HTML5 range input slider to resize an image, with a JavaScript function updating elements in the page as the user alters the range. At the moment, Internet Explorer and Firefox do not support the range input, but the WebKit (Safari and Chrome) and Opera browsers do.
html5  slider  input  forms 
march 2013 by abberdab
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
Make long and unwieldy select boxes more user-friendly. (I'm looking at IE...)
forms  select  jquery  javascript  iefix 
march 2012 by abberdab
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
select  jquery  javascript  custom  forms  plugins 
september 2011 by abberdab
jQuery Form Plugin
From the fine folks who brought us the jCycle plugin.
"The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how "the data is submitted. Submitting a form with AJAX doesn't get any easier than this!
jquery  php  forms  ajax  javascript  dev  www 
june 2011 by abberdab
Fancy Form Design Using CSS
Really sly and useful form formatting tricks.
css  forms  design  tutorial  inspiration  dev  www 
july 2007 by abberdab

Copy this bookmark:

to read