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.
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 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.
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
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
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.