Labelfloat.css

Bearcast Media on various devices.

Too Long; Didn't Read

  • Client: Personal Project in association with Upright Communications
  • Location: Cincinnati, OH
  • Role: Web Developer
  • Type: Plugin Development
  • Date: September 2015
  • Features: Floating labels as placeholders, Bootstrap, Chrome, Safari, Firefox, Opera, IE, and Edge support
open_in_new Visit Site GitHub Repo

Project Details

LabelFloat.css is a form validation plugin that uses CSS3 to animate form labels and act as placeholders. When the form field is active, the label will “float” down to the bottom of the field for user input. Colors are easily customizable and has full support with the popular Twitter Bootstrap framework.

LabelFloat was created in association with Upright Communications and is based off of Chris Coyier’s take on floating labels. This plugin also is supported with all major browsers including mobile Safari and Internet Explorer 9 and above.

Demo*

Like this project?

I can do the same thing for you or your business! Contact me with details on your project or look at my resume.

New Book Now Available!

My new book that I co-authored, Creating Interfaces With Bulma is now available on Amazon, Bleeding Edge Press, SkillSoft, and Safari Books Online.

This book is a step-by-step guide that teaches you how to build a web interface from scratch using the popular Bulma framework. This book is for any designer or developer interested in understanding how to use Bulma and how to use Bulma’s components and layout system to create their own web interface.

Creating Interfaces with Bulma book cover