jQuery MySlider Constructor

jQuery MySlider Constructor

Visual designer of sliders for your website. In the visual mode, you can create advertising sliders with animation effects and photo albums. Can be easily integrated with any CMS (not used database).

Features:

  • Select the font, size and color of the text.
  • Convenient resizing, color and transparency of blocks.
  • Fast uploading images with the ability to resize the image without changing the aspect ratio.
  • Selection and speed of animation effect.
  • Unlimited number of slides and layers.
  • Possibility of localization.
  • Easy integration with any CMS (do not use a database).
  • Correct works in all modern browsers (IE8 +).

Shifter : jQuery plugin for simple slide-out mobile navigation

Shifter : jQuery plugin for simple slide-out mobile navigation

Shifter is a  jQuery plugin for simple slide-out mobile navigation.Shifter works by checking for target elements in the DOM and binding events to them. This allows you to markup and style pages anyway you’d like, but at a minimum you need three specifically classed elements.

Colio : jQuery Portfolio Content Expander Plugin

Colio : jQuery Portfolio Content Expander Plugin

Colio plugin will help you display details about your portfolio items in form of expandable viewport that can be placed above, below or inside your portfolio grid. This is great plugin for one-page and multipage sites, where you have to use space efficiently.

Features:

  • Responsive
  • Mobile optimized
  • Includes black and white theme
  • Different placement options & dynamic inside placement
  • Inline or AJAX content
  • Content filters and callbacks
  • Easy integration in existing portfolio
  • Compatible with isotope and quicksand plugins
  • Autoscroll to view
  • Retina-ready navigation
  • Valid markup
  • JSHint compliant code

Rimg : JavaScript Responsive Image solution

Rimg : JavaScript Responsive Image solution

A responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code.

“Responsive-image” (RIMG) supports responsive websites to provide a way to optimize images (like CMS-content) in a simple and performant way. Pure Javascript, no server-side code and 2 lines of code (library + definition). The source of this page shows how the image is being changed by pure Javascript.

Scrollocue : Simple autocue/teleprompter jQuery plugin

Scrollocue : Simple autocue/teleprompter jQuery plugin

Scrollocue is a jQuery plugin for building a simple autocue/teleprompter system, to scroll through lines of text.Walk through the autocue text with the arrows, space bar or just click.

jQuery Doge : jQuery plugin for display Text like Doge meme

jQuery Doge : jQuery plugin for display Text like Doge meme

Doge is a jQuery plugin for display text like doge meme.

CSS3 Hover Effects with CSS3 Transitions

CSS3 Hover Effects with CSS3 Transitions

This time I will show you other five examples of hover effects using different CSS properties compared to the old tutorial posted on Codrops.

In summary, we seek the same method but we will act especially using the border property, as we shall see later that allows us to create very particular effects.
Please note that this will only work properly in modern browsers that support the CSS3 properties in use.

How to Check Expired Sessions using PHP & jQuery Ajax

How to Check Expired Sessions using PHP & jQuery Ajax

My readers are asking that how do we display message to users that their sessions got expired. So I thought this tutorial will really useful to lots of web developer who working on session based websites.

I have used javascript timing event –  setInterval() – executes a function, over and over again, at specified time intervals

The setInterval() method will wait a specified number of milliseconds, and then execute a specified function, and it will continue to execute the function, once at every given time-interval.

FileSaver.js : HTML5 saveAs() FileSaver implementation

FileSaver.js : HTML5 saveAs() FileSaver implementation

FileSaver.js implements the HTML5 W3C saveAs() FileSaver interface in browsers that do not natively support it.

FileSaver.js is the solution to saving files on the client-side, and is perfect for webapps that need to generate files, or for saving sensitive information that shouldn’t be sent to an external server.

SVG Avatars Generator – jQuery Integrated Script

SVG Avatars Generator - jQuery Integrated Script

This jQuery integrated script (with some PHP files on a server side) lets your visitors to create custom avatars. The Avatars Generator is based on SVG (Scalable Vector Graphic), which is supported by all modern browsers and does not depend on screen resolutions. As a result your visitors can download their avatars as SVG file or as PNG one (2 size options) which is converted from vector graphic parts. The integration of the SVG Avatars creator is quite simple too.

Features:

  • Brand New
  • Responsive Interface
  • Retina Perfect
  • Works on Touch Devices
  • Easy Integration
  • Easy to Translate (English, German and Russian are already included)
  • Dark & Light Color Schemes
  • Save a User’s Avatar on a Server
  • Three Download Options (only one special, if you work in iOS (mobile) Safari)
  • All Modern Browsers