Colio : jQuery Portfolio Content Expander Plugin

    January 5, 2014 | Gallery, Plugins, Premium, Responsive
    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
    Read More Demo

    Rimg : JavaScript Responsive Image solution

    January 5, 2014 | Core Java Script, Image Effects, Responsive
    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.

    Read More Demo

    Scrollocue : Simple autocue/teleprompter jQuery plugin

    January 5, 2014 | Plugins, Web
    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.

    Read More Demo

    jQuery Doge : jQuery plugin for display Text like Doge meme

    January 4, 2014 | Plugins, Text Effect
    jQuery Doge : jQuery plugin for display Text like Doge meme

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

    Read More Demo

    CSS3 Hover Effects with CSS3 Transitions

    January 4, 2014 | CSS2 / CSS3.0
    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.

    Read More Demo

    How to Check Expired Sessions using PHP & jQuery Ajax

    January 4, 2014 | Ajax, PHP
    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.

    Read More Demo

    FileSaver.js : HTML5 saveAs() FileSaver implementation

    January 3, 2014 | Core Java Script, HTML5
    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.

    Read More Demo

    SVG Avatars Generator – jQuery Integrated Script

    January 3, 2014 | PHP, Premium, Responsive, SVG Tutorial
    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
    Read More Demo

    Nivo Lightbox : jQuery Responsive lightbox plugin

    January 3, 2014 | Plugins, Popup Window
    Nivo Lightbox : jQuery Responsive lightbox plugin

    A simple, flexible, responsive, retina-ready jQuery lightbox plugin.The Nivo Lightbox automatically detects the type of content you are trying to show and loads it correctly. No extra setup required. So no matter if you are trying to show images, image galleries, AJAX, Flash, Youtube or Vimeo videos, another website or just inline HTML, Nivo Lightbox has you covered.

    The Nivo Lightbox uses some cutting edge CSS transition effects to make your content display in as beautiful a way as possible. We employ some progressive enhancement to make the lightbox look stunning in newer browsers, but still function correctly in older browser.

    Read More Demo

    Square Menu using jQuery & CSS3

    January 2, 2014 | Animation, CSS2 / CSS3.0, Menus
    Square Menu using jQuery & CSS3

    Square menu, as you can see from the name, is a plugin that let you add a similar animated menu that you see on the new Square website. I’ve also added additional animations, add various browsers support and provide options for you to play around with.

    Read More Demo