A Composite Textbox Effects Plugin: FancyText
Adding animation effects has never been so easy like it is now a days. You don’t need to learn flashy action script that somehow hard to embrace for hardcore programmers. With the advent of jQuery the animation is now very much in reach of even novice programmers. Anyone can author reusable animation scripts called “plugins” with trivial amount of knowledge about animation techniques.
The web or internet has moved far from its original design, as its user base increased so does the demand of being more intuitive and fast. Design trends change from plain old html websites to interactive websites with animated banners build using flash and other similar technologies. That required extra plugins to be installed on client browser, which not recommended due the excessive use of mobile devices. The problem solved by light weight CSS3, which is directly build into all the modern browsers. CSS3 follows very intuitive and descriptive syntax for animations and other transitions.
Today’s freebie is a combination of jQuery and CSS3 animations we call it FancyText. FancyText is a text box plugin that automatically converts standard HTML input element to an animation composite control, with lots of transitions too choose from.
Using FancyText is very simple, add input controls to your HTML document and provide customization via custom attributes and call the FancyText initializer function.
Make sure to add the following references in the head section.
- Add a reference to latest jQuery script
- Add a reference to jquery.fancy-textbox.js file
- Add a reference to jquery.fancy-textbox.css file
- Add a reference to font-awesome.css file
Note: Font Awesome is required for text box with icons.
Local Business Website Tools
|Yoast Local SEO Plugin||Plugin for Local Business Search Engine Optimization||Learn More|
|Bulletproof WordPress Hosting||Hosting Company||Learn More|
|Envira Gallery Plugin||Premium WordPress Gallery Plugin||Learn More|
|All In One Schema.org Rich Snipets||Free Plugin That Adds Rich Snippets||Learn More|
|Thrive Content Builder||Intuitive Drag and Drop Editor for WordPress||Learn More|