Icontem

Animated Placeholder Text: Show animated text as placeholders for text inputs

Recommend this page to a friend!
  Info   View files Example   View files View files (2)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2016-09-28 (2 years ago) RSS 2.0 feedStarStarStarStar 64%Total: 176 All time: 286 This week: 8Up
Version License JavaScript version Categories
animated-placeholder 1.0BSD License5Animation, Forms
Description Author

This object can shows animated text as placeholders for text inputs.

It can take a list of text input fields that will show given placeholder text.

The input placeholder text is animated by shifting each character to the left at a given speed determined by the shift time interval.

Innovation Award
JavaScript Programming Innovation award nominee
September 2016
Number 2
Placeholder text is a string that is used to display inside text inputs while they are empty to let the user know that what is the input he is expected to enter in the form field.

Sometimes users do not quite pay attention to placeholder text.

This object grabs the user attention in a more effective way by using animation to make the placeholder text move at a given speed.

Manuel Lemos
  Performance   Level  
Name: Gianluca Zanferrari <contact>
Classes: 6 packages by
Country: The Netherlands The Netherlands
Age: 52
All time rank: 81 in The Netherlands The Netherlands
Week rank: 14 Down1 in The Netherlands The Netherlands Equal
Innovation award
Innovation award
Nominee: 2x

Winner: 1x

  Files folder image Files  
File Role Description
Accessible without login Plain text file example.html Example example
Plain text file placeholder.js Class class itself

 Version Control Unique User Downloads Download Rankings  
 0%
Total:176
This week:0
All time:286
This week:8Up
 User Ratings  
 
 All time
Utility:91%StarStarStarStarStar
Consistency:91%StarStarStarStarStar
Documentation:-
Examples:91%StarStarStarStarStar
Tests:-
Videos:-
Overall:64%StarStarStarStar
Rank:31