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 (1 month ago) RSS 2.0 feedStarStarStarStar 64%Total: 136 This week: 3All time: 331 This week: 12Up
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
Picture of Gianluca Zanferrari
  Performance   Level  
Name: Gianluca Zanferrari <contact>
Classes: 5 packages by
Country: The Netherlands The Netherlands

Level 1 Star

 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

Downloadanimated-placeholder-2016-09-28.zip 1KB
Downloadanimated-placeholder-2016-09-28.tar.gz 1KB
Install with ComposerInstall with Composer
 Version Control Unique User Downloads Download Rankings  
 0%
Total:136
This week:3
All time:331
This week:12Up
 User Ratings  
 
 All time
Utility:91%StarStarStarStarStar
Consistency:91%StarStarStarStarStar
Documentation:-
Examples:91%StarStarStarStarStar
Tests:-
Videos:-
Overall:64%StarStarStarStar
Rank:22
  

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image If you know an application of this package, send a message to the author to add a link here.