September 18, 2008 at 07:5310 jQuery scripts to improve the interface
- Transfer
With the dawn of WEB 2.0, javascript frameworks have also been developed, allowing the webmaster to make dynamic website elements much faster and easier. One of these frameworks is jQuery, which has gained immense popularity for its simplicity and incredibly low weight. So, I present to you the 10 most useful jQuery scripts to improve the interface of your site.
Thickbox
Description: Needed to draw the user's attention to any text, image or web form through a modal window.
When and where to use it: When it is necessary to display more information to the user, show a larger image, ask a few questions with the web form, or display the login form, but do not want the user to leave the page.
Script, example, documentation
Plugin for WordPress
Tabulations
Description: Allows you to display the contents of the page in tabs.
When and where it is used: When you want to free up space on the screen by providing quick access to hidden information. Often used in widgets for various premium WordPress themes.
Script, example, documentation
WordPress plugin
Coda slider
Description: Creates a slider, as in the screenshot from the Coda website .
When and where to use it: As with Coda, this script is great for presenting products or services grouped into sections. Users get a quick overview, as well as intuitive navigation.
Script, example, documentation
WordPress theme
Galleria
Description: Galleria is a javascript gallery written in jQuery. Loads images one by one and displays thumbnails for them.
When and where is it used: To show photos of an event or product, for example.
Script, example,
jTip documentation
Description: Tips implemented in jQuery.
When and where to use it: When it is required to give more information about an object in the context of an article or to implement user prompts in various web forms.
Script, example, documentation
WordPress
Stylesheet switcher plugin
Description:Allows visitors to your site to independently change the style of design "one-click."
When and where to use it: When you want to allow the user to choose fonts of various sizes, display information designed for a mobile phone or for printing, let him customize colors. Stylesheet switcher can really help improve the usability of your site.
Script, example, documentation
WordPress Plugin
jQuery Accordion menu
Description: Allows you to create dynamic menus.
Script, example, documentation
WordPress
Slider Gallery Plugin
Description: Represents products / images as a scrollable gallery.
When and where is it used:When you want to fit all the elements in the sidebar, but there is not enough space for all the options.
Script, example,
Form Validation documentation
Description: Validate web forms using Form Validation to avoid incorrectly filled in fields.
When and where to use: In most forms. This helps users understand exactly where they filled the fields incorrectly, highlighting their errors.
Script, example,
jGrowl documentation
Description: Displays messages in the browser just like Growl in MacOSX
When and where is used:If you inform the user about the action, but do not want him to leave the current page / refresh it. This is a great way to confirm the actions performed by the user, such as registration. You can also use jGrowl in various stores, etc. to confirm the addition of goods to the basket or transaction confirmation.
Script, example, documentation
Thickbox
Description: Needed to draw the user's attention to any text, image or web form through a modal window.
When and where to use it: When it is necessary to display more information to the user, show a larger image, ask a few questions with the web form, or display the login form, but do not want the user to leave the page.
Script, example, documentation
Plugin for WordPress
Tabulations
Description: Allows you to display the contents of the page in tabs.
When and where it is used: When you want to free up space on the screen by providing quick access to hidden information. Often used in widgets for various premium WordPress themes.
Script, example, documentation
WordPress plugin
Coda slider
Description: Creates a slider, as in the screenshot from the Coda website .
When and where to use it: As with Coda, this script is great for presenting products or services grouped into sections. Users get a quick overview, as well as intuitive navigation.
Script, example, documentation
WordPress theme
Galleria
Description: Galleria is a javascript gallery written in jQuery. Loads images one by one and displays thumbnails for them.
When and where is it used: To show photos of an event or product, for example.
Script, example,
jTip documentation
Description: Tips implemented in jQuery.
When and where to use it: When it is required to give more information about an object in the context of an article or to implement user prompts in various web forms.
Script, example, documentation
WordPress
Stylesheet switcher plugin
Description:Allows visitors to your site to independently change the style of design "one-click."
When and where to use it: When you want to allow the user to choose fonts of various sizes, display information designed for a mobile phone or for printing, let him customize colors. Stylesheet switcher can really help improve the usability of your site.
Script, example, documentation
WordPress Plugin
jQuery Accordion menu
Description: Allows you to create dynamic menus.
Script, example, documentation
WordPress
Slider Gallery Plugin
Description: Represents products / images as a scrollable gallery.
When and where is it used:When you want to fit all the elements in the sidebar, but there is not enough space for all the options.
Script, example,
Form Validation documentation
Description: Validate web forms using Form Validation to avoid incorrectly filled in fields.
When and where to use: In most forms. This helps users understand exactly where they filled the fields incorrectly, highlighting their errors.
Script, example,
jGrowl documentation
Description: Displays messages in the browser just like Growl in MacOSX
When and where is used:If you inform the user about the action, but do not want him to leave the current page / refresh it. This is a great way to confirm the actions performed by the user, such as registration. You can also use jGrowl in various stores, etc. to confirm the addition of goods to the basket or transaction confirmation.
Script, example, documentation