PUBLIC MARKS from Spone with tag form

Trailblazer gives you a high-level architecture for web applications. Logic that used to get violently pressed into MVC is restructured and decoupled from the Rails framework. New abstraction layers like operations, form objects, authorization policies, data twins and view models guide you towards a better architecture. By applying encapsulation and good OOP, Trailblazer maximizes reusability of components, gives you a more intuitive structure for growing applications and adds conventions and best practices on top of Rails' primitive MVC stack. A polymorphic architecture sitting between controller and persistence is designed to handle many different contexts and helps to minimize code to handle various user roles and edge cases.

Forms are pretty much the heart of the web. Almost everything a user inputs is done through a form. So, when building forms in rails, you want to make the experience as easy for you as possible. I know there's gems out there that tries to make your life easier to build forms (formtastic, simple_form, etc.) but did you know about ActionView::Helpers::FormBuilder? Let me take a simple signup form and show you how form builder can be used to easily customize a form.

Create & Manage All Your Forms (On Any Number Of Websites) From A Single Interface.

Javascript forms validation. Powerful, UX aware & Dead simple. Never write a single javascript line anymore to validate your forms FrontEnd. Parsley will do that for you and do it right, thanks to its powerful DOM-API !

Garlic.js allows you to automatically persist your forms' text field values locally, until the form is submitted. This way, your users don't lose any precious data if they accidentally close their tab or browser.

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. Look and feel of Select2 is based on the excellent Chosen library.

During our recent checkout study we found several usability issues when using a drop-down for your country selector: a lack of overview, unclear sorting, scrolling issues, inconsistent UIs, a lack of context on mobile devices, and finally, they break the user's tab-flow. So we took it upon ourselves to redesign the country selector.

Well, button elements have historically been tricky to style, and though the situation is quite better now there are still a few quirks that need fixing. Here’s some boilerplate code that resets the browsers’ default styles for this element.

Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API.

Accessify's quick form builder merges two older tools (form builder and form element generator) into one much slicker process. There are three steps: 1. Enter the fields that you want to capture in the form 2. Define what each field type is (text, password, textarea etc) 3. Choose some markup options (HTML, XHTML and so on) Seconds later you have a fully accessible and valid form. There's even some CSS to help you style the form.

An input form that takes raw HTML. It’s a pretty common thing to see in web apps these days: many comment forms allow HTML, or some subset thereof; many social-network-style applications allow end-users to enter HTML in their profiles; etc.

This post will explain my choices when marking up the forms, and the CSS styling involved in making them cross-browser compatible. While I would love for you to useaardvark.legs in your next project, this tutorial is completely standalone and is not dependent on the framework.

Until some future version of HTML gives us new native controls to use in a browser, at Google, we’ve been playing and experimenting with controls we call “custom buttons” in our apps (among other custom controls).

Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.