https://github.com/scrubmx/float-labels

The Float Label Pattern Example
https://github.com/scrubmx/float-labels

Last synced: 3 days ago
JSON representation

The Float Label Pattern Example

• Host: GitHub
• URL: https://github.com/scrubmx/float-labels
• Owner: scrubmx
• Created: 2014-04-02T21:49:37.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-04-14T15:52:42.000Z (over 10 years ago)
• Last Synced: 2024-10-12T11:35:28.722Z (about 1 month ago)
• Language: CSS
• Size: 444 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Float Labels

## What is it?

Designer Matt D Smith shared a Dribble shot of a clever new form interaction pattern. The float label pattern floats the inline label up above the input after the user focuses on the form field or enters a value.

![Los Maquiladores](https://raw.github.com/scrubmx/float-labels/master/img/example.gif)

Check out: http://bradfrostweb.com/blog/post/float-label-pattern/

## Implementation

This implementation is a variation of the implementation created by [travislaynewilson](http://bootsnipp.com/snippets/featured/float-label-pattern-forms)