In this tutorial I want to build a simple jQuery-powered dropdown menu. This can work well using the animate method for generating delayed effects. Along with the typical JS codes I have also worked some CSS3 transition effects into the stylesheet. Any webmaster who can edit these codes will surely find use in a pre-built customized navbar solution.
JSON Input String using jQuery
If you are working with Restful API’s and you must need to send a JSON input response via web project, especially for Node projects. This post helps you to create a JSON input string using JavaScript. It’s very useful, converting Data objects to JSON data format implemented with $.toJSON Jquery plugin.
fresherEditor : jQuery Rich html text editor
fresherEditor is a light-weight WYSIWYG rich text editor plugin that uses contentEditable support in modern browsers for in-place HTML editing.
Features:
- Supports all text editing features such as bold, italic, font size and font name settings, text alignments, links and picture insertion, and more
- Builds toolbar automatically. By default, all buttons are built. You can configure which buttons to hide
- Triggers ‘change’ event so you can perform action when html content changes
- Uses Twitter Bootstrap
Fancy News – jQuery plugin
Fancy News is a jQuery plugin that lets you create an outstanding news slider. It´s highly customizable and very easy to use. You can add umlimited of news with thumbnails. If the post is longer than the height of the main area, a cool scrollbar will be added automatically. You can also load your own RSS feed.
Jribbble : A jQuery Plugin for the Dribbble API
A jQuery plugin to fetch shot and player info from the Dribbble API. Jribbble uses a Makefile that is pretty much jQuery’s Makefile. The Makefile adds the version number and date to the output files then creates the Ugly version of Jribbble using UglifyJS. NodeJS is required to build an Ugly version of Jribbble.
jQuery Animated UI Modal with CSS3
jQuery UI Modal is plugin of jQuery UI. It easy to create modal functionality to the web application (example the modal form …) and to replace the basic functionality provided by the standard javascript alert(), confirm(), and prompt() functions.
Features:
- Easy to use.
- Plugin for jQuery UI .
- open the modal after x milliseconds.
- Support 2 effect and all type of easing.
- Form elements.
- Image support.
- Button support.
- CSS3 animate support.
- 3 callback function onStart | onShow | onClose
Teamwork Gantt : jQuery Component For Gantt Charts & Task Trees
Teamwork Gantt is a JavaScript component built on jQuery for creating Gantts, task trees, dependencies which exports the resulting data in JSON format.
Features:
- jquery based
- MIT licensed: you can reuse everywhere
- json import-export
- internationalizable
- manage task status –> project workflow
- manage dependecies
- manage assignements (resources, roles efforts)
- server synchronization ready
- full undo-redo support
- cross browser (at least for recent versions)
Expanding Textareas jQuery Plugin
jQuery plugin for elegant expanding textareas.The plugin will automatically find this textarea, and turn it into an expanding one.
Features:
- Expanding Text Areas Made Elegant
- Mobile Friendly
- Wide browser support. Works in IE6+, Safari, Chrome, Firefox, Opera
- No
colshacks, or counting characters - Easy to style
- Resize Friendly. Content automatically resizes without using the window.resize event or JavaScript to calculate sizes!