Creating Shout-Box Facebook Style with jQuery & PHP

Creating Shout-Box Facebook Style with jQuery & PHP

Facebook has this nice little chat box that doesn’t take up much space, and people can instantly interact with their friends, it is a cool feature to have in any website. Let’s get inspired and create an Shout Box which will look similar to Facebook chat box.

jQuery IME : jQuery Input method editor library

jQuery IME : jQuery Input method editor library

jQuery Input method editor library supporting 50+ input methods across several languages. This is jquery version of the input method tool used in Wikimedia projects. These input methods are well tested and contributed by large wikimedia community. This project is a Wikimedia foundation initiative to provide language technology tools to wider audience outside Wikimedia universe.

jQuery Async : Plugin to Animate buttons when an asynchronous process

jQuery Async : Plugin to Animate buttons when an asynchronous process

jQuery Async is a library made to easily animate clickable buttons triggering asynchronous processes such as Ajax requests This library is made on top of jQuery and Bootstrap.

Storax : Web store on your website and Store data in the cloud

Storax : Web store on your website and Store data in the cloud

This jQuery plugin lets you have a light-weight online store on your website. The data about your products stays in the cloud (Parse.com). You may add products and categories using the Parse.com’s interface in excel like tables.

You can add/modify categories, subcategories, product data (Ex:Price,Link to product image) directly in the cloud and your website will show the updates right away!

However, to actually sell your products, you need a selling link for each product. This can be any third party service like Paypal,Oronjo,etc. from where users can buy your products. This link goes in your cloud database at Parse.com

Mate Tabs : jQuery Responsive tabs and accordion

Mate Tabs : jQuery Responsive tabs and accordion

Mate Tabs it is a responsive tabs and accordion.

Features :

  • Responsive
  • Retina ready (Font Awesome integrated)
  • Parameters when tabs transform to accordion: 1. Auto 2. Now 3. Your screen size
  • Click or Hover events
  • jQuery 1.7.1 +
  • Fast changing the color palette: panelColor: ’#fec901’,borderColor: ’#fec901’,contentColor: ’#ffffff’ etc…
  • Simple to use
  • Live preview
  • Cross Browsers

TimeTo : jQuery plugin – timer countdown digital clock

TimeTo : jQuery plugin - timer countdown digital clock

jQuery plugin – timer countdown digital clock.

jQuery webfonts : jQuery based webfonts extension

jQuery webfonts : jQuery based webfonts extension

jQuery WebFonts extension adds font embedding capability to jquery using the WebFonts technology. The extension provides a flexible way to choose font from a font repository and apply on html elements.

Features :

  • Flexible font repository. The extension can work with any font repository file system.
  • Provides many APIs to customize and extend.
  • Applies font based on the html lang attribute of the elements
  • Make sure the font defined using font-family style for any elements, either using inline css or external css’ available for the reader. – without any extra code.

Badonkatrunc : jQuery plugin for dynamic text layout and truncation

Badonkatrunc : jQuery plugin for dynamic text layout and truncation

Badonkatrunc is a jQuery plugin for dynamic text truncation and layout. Use it to truncate excerpts of unpredictable length, find the optimal font size for groups of elements or dynamically resize text for a responsive layout!

dragend JS : jQuery plugin for content swiping

dragend JS : jQuery plugin for content swiping

dragend JS is a swipe plugin for jQuery. It’s open source and uses hammer.js for observing multi-touch gestures.

Features:

  • horizontal and vertical swiping
  • mobile and desktop ready
  • lightweight (1.55KB gzipped)
  • keyboard navigation
  • fullscreen or boxed
  • contend scribe
  • resize adjustment
  • overscroll

Horizon Slide Navigation jQuery Plugin

Horizon Slide Navigation jQuery Plugin

Horizon Menu is a dedicated jQuery plugin where you can create custom menus that slide beautifully in your web browser. It’s reponsive, meaning mobile first. Mobile and tablet UI is fullscreen meaning it’s user-friendly and easy to navigate.

Features:

  • IE8+ Compatible
  • Full browser support
  • Cross Compatible Device Ready
  • 120+ Fully Scalable Icons Font
  • 6 Themes with the ability to create your own
  • CSS3 animation support with IE fallback
  • Position your menu on the left or right side of your browser
  • As many menu items and submenus as you desire
  • Animation in and animation out fully supported
  • Fullscreen for media with window sizes
  • PC, Mobile and Tablet Touch Compatibility