All posts in Web

Make a better FAQ page with jQuery

Make a better FAQ page with jQuery

The Frequently Asked Questions page has been a mainstay of all types of websites since the dawn of the Web. It’s used as a marketing page, as an attempt to reduce the number of calls or e-mails to a customer service department, and as a helpful tool for site visitors to learn more about the company or organization they’re dealing with or the products or services they’re interested in purchasing.

jQuery Interactive Shopping Cart

jQuery Interactive Shopping Cart

This is a smart interactive Shopping Cart jQuery plugin based on Bootstrap framework.

Features:

  • Very easy to install!
  • Full AJAX implementation code.
  • Well documented code.
  • HTML5 & Valid CSS .
  • Cross-platform.
  • Easy to customize.

jQuery Responsive Tile Gallery

jQuery Responsive Tile Gallery

Responsive Tile Gallery is a completely responsive image gallery. It allows your visitors to easily sort and view all of your images. It also allows you to put your images into categories, load thumbnails instead of full resolution images, and develop a responsive websites for all platforms.

Features:

  • Fully responsive image gallery
  • Optional categories to let users sort through images
  • Optional lightbox for full resolution viewing
  • Optional Image captions
  • Option to use thumbnail images for faster load times
  • Uses CSS Transitions with jQuery fallbacks for improved performance
  • Cross-browser compatible (from IE7 and up)

Fullscreen Site Navigation with jQuery & Html5

Fullscreen Site Navigation with jQuery & Html5

FSN (Fullscreen Site Navigation) is a JavaScript plugin that lets to build in the easy and quick way a fullscreen website.FSN can be integrated into any cms or website template: it provides only the structure and the algorithm to make it work, the rest is on the designer hand.So you can understand that it’s very flexible and it adapts to any user requirement.

Features:

  • Html5 structure
  • Menu system navigation
  • Keyboard navigation
  • Arrows navigation
  • Dots navigation
  • Url navigation
  • Ajax content
  • Scrollbar customization
  • Adaptive layout
  • Configuration file
  • IE6 Alert
  • Background image
  • Cross Browser
  • Cross Device

jQuery Animated Hover Tooltip Plugin

jQuery Animated Hover Tooltip Plugin

A JQuery tooltip plugin that easily adds tooltip interaction to HTML element that requires a bit more information than a title attribute.

Responsive and Mobile-Friendly Tooltip

Responsive and Mobile-Friendly Tooltip

Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target.When working on my personal website, I was in need of a tooltip. I decided not to limit it just on a typical definition of a tooltip, but also make it a better occurrence using CSS and jQuery technologies.
Key Features

  • It’s responsive.
  • It’s mobile-friendly.
  • It’s HTML formatting capable.

jQuery Toggles : Easily-styleable Toggle Buttons

jQuery Toggles : Easily-styleable Toggle Buttons

Toggles is a lightweight jQuery plugin that creates easily-styleable toggle buttons.

Print Part Of A Web Page With jQuery

Print Part Of A Web Page With jQuery

A jQuery plugin to handle the print() functionality. This way, we can make anything on the page printable using a jQuery selector. The caveat being that the containing element is not printed – only it’s child elements get added to the print document. In the following page, when the DOM is ready, we find our link element and have it print (upon click) any element on the page with the class “printable:”.We are creating an IFrame on the fly, writing the target HTML to its body, and then printing it.

New Gmail like Floating Toolbar jQuery Plugin

New Gmail like Floating Toolbar jQuery Plugin

This time Google has invested some resources in designing their sites. Like Gmail has been made much better. The new theme is simple and sober. I liked the floating toolbar of new Gmail. When I looked at it I thought why shouldn’t I create something like that for my readers. After that I created a jQuery plugin that floats any element on your webpage just like the Gmail’s toolbar. The plugin is really simple to use with few lines of code.

PrintArea : Print section of the page with jQuery

PrintArea : Print section of the page with jQuery

Today we will learn how to print a section of the page using jQuery plugin PrintArea. This plugin allows us to indicate which container on the page we want to send to the printer maintaining the original css styles applied to the element being printed.



Best jQuery websites design awards