Design Resources Forms

floatlabels.js Follows the famous Float Label Pattern Mar 25, 2014

The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on a Dribbble Shot by Matt D Smith. The Pattern is easy to explain. On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. This Plugin offers you the possibility to upgrade your forms with this famous pattern. floatlabels.js Follows the famous Float Label Pattern

Jquery Label Better Dec 12, 2013

jQuery Label Better will let you create a beautiful unobtrusive label for your form's input fields. The uniqueness about this plugin is that all you have to do is add a placeholder text, and we will show the label only when the user needs it. Jquery Label Better

Skeuocard : Enhance credit card inputs Oct 15, 2013

Skeuocard is a re-think of the way we handle credit card input on the web. It progressively enhances credit card input forms so that the card inputs become skeuomorphic, facilitating accurate and fast card entry, and removing barriers to purchase.
Skeuocard takes a standard credit card input form and partially transforms its DOM, removing non-essential elements, while leaving the underlying inputs alone. In order to use Skeuocard in your checkout page, you’ll need to do one of two things.

Skeuocard : Enhance credit card inputs

StackEdit: Open Source Markdown Editor used by Stack Overflow Oct 14, 2013

StackEdit is a free, open-source Markdown editor used by Stack Overflow and the other Stack Exchange sites.
StackEdit can:
Manage multiple Markdown documents online or offline
Export your documents in Markdown or HTML and format it using a template
Synchronize your Markdown documents in the Cloud
Edit existing Markdown documents from Google Drive, Dropbox and your local hard drive
Post your Markdown document on Blogger/Blogspot, WordPress, Tumblr
Publish your Markdown document on GitHub, Gist, Google Drive, Dropbox or any SSH server
Share a link to a Markdown document that renders it in a nice viewer
Show statistics about your document
Convert HTML to Markdown

StackEdit: Open Source Markdown Editor used by Stack Overflow

Twitter Bootstrap File Input Styler Jun 27, 2013

File input fields look differently in all browsers. It’s a painful for designers to design something that looks nice in all browsers and it sucks that support for this is not available in Twitter Bootstrap. Twitter Bootstrap File Input Styler is designed to make all file input fields look like standard Twitter Bootstrap buttons.

tiny wysiwyg rich text editor for Bootstrap Jun 25, 2013

This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5.