Session Timeout Warning With Countdown Using PHP & jQuery

    Session Timeout Warning With Countdown Using PHP & jQuery

    In this tutorial we will show you how to display session timeout warning with countdown using PHP, jQuery and HTML.When user logged in using login form we display a countdown and after the countdown end user will be logged out automatically.You may also like simple countdown using jQuery CSS and HTML.

    Masonry Hybrid : jQuery Multiple Columns & Resize Item

    Masonry Hybrid : jQuery Multiple Columns & Resize Item

    Masonry Hybrid is a multi columns layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid.

    nPageLoader : jQuery Preloader Plugin

    nPageLoader : jQuery Preloader Plugin

    Created to implement the Progress page loading easier.Load the image for obtaining the speed check internet speed.Progress must implement a page to load , based on the amount of that speed.

    WowRating – Make Rating with Effect WOW

    WowRating - Make Rating with Effect WOW

    WowRating is flexible, customizable rating system written in pure JavaScript. Plugin has predefinied shapes but every presented effect can be used with any svg file.

    okayNav : jQuery Responsive Navigation Plugin

    okayNav : jQuery Responsive Navigation Plugin

    You know how navigations have only a desktop and a mobile state, right? I thought, “this might cost people money because it requires additional click for users to reach even the most important pages.”

    This navigation aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time.

    Inspiration for Navigation Indicators with CSS

    Inspiration for Navigation Indicators with CSS

    Today we’d like to share some style inspiration with you. The topic of this inspirational collection is navigation indicators. Pages, slideshows and other components often need some kind of navigation that tells the user where he is currently. In this collection we want to explore a couple of subtle designs that make navigating fun and interesting. The example that we are using is a vertical slideshow but the styles can be envisioned and adjusted for many other components.

    Mark.js : JavaScript Keyword Highlighter

    Mark.js : JavaScript Keyword Highlighter

    mark.js is a text highlighter written in JavaScript. It can be used to dynamically mark search terms or custom regular expressions and offers you built-in options like diacritics support, separate word search, custom synonyms, iframes support, custom filters, accuracy definition, custom element, custom class name and more.Also available as jQuery plugin.

    Product Builder with CSS and jQuery

    Product Builder with CSS and jQuery

    A customizable and responsive product builder for your online store.Product builders are useful shopping tools, that allow potential customers to “build” an ideal version of a product by combining different options. At the end of this process the user is generally given an action to perform: save the build, share it or buy the product directly.

    Lazysizebg : jQuery Lazy Background Loading Plugin

    Lazysizebg : jQuery Lazy Background Loading Plugin

    jQuery.lazysizebg allows the user to specify different size background images for small, medium, and large screens and loaded after the page is loaded.

    If you must have hero images on your pages and want to optimize for smaller screens, this is a quick, low profile tool for accomplishing this.

    Webfonts : jQuery based Webfonts Library

    Webfonts : jQuery based Webfonts Library

    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.