Jaguar : jQuery Adventure Game Engine

    Jaguar : jQuery Adventure Game Engine

    Jaguar puts the power of hardware-accelerated story-telling in your hands.Using only 3 simple HTML tags and minimal CSS, Jaguar can accomplish nearly all game features of classic adventure games such as Monkey Island, Loom and The Dig.Jaguar is build for beginners to finally be able to create story-driven adventure games without any coding experience.

    instaFilta : jQuery Plugin for performing In-page Filtering

    instaFilta : jQuery Plugin for performing In-page Filtering

    instaFilta  is a jQuery plugin for performing in-page filtering.Imagine that you have a web page displaying a huge list of data. It might be hard for the user to scan through all that data to find the thing he/she is interested in. instaFilta is a jQuery plugin that uses the input of a text field to perform in-page filtering, hiding non-matching items as the user types. Optionally, it can also filter out complete sections (groups of items) if there are no matching items in that section.

    wankyPages : Fancy Page Transitions with jQuery & CSS3

    wankyPages : Fancy Page Transitions with jQuery & CSS3

    Wanky Pages is a page switching management with 3D/2D CSS3 transition support and jQuery.

    Responsive Off Canvas Menu with CSS3 & jQuery

    Responsive Off Canvas Menu with CSS3 & jQuery

    In this article, I’ll be walking through a build demo that centers on two topics. The first is responsive design patterns that embrace the viewport and that improve content discoverability beyond the basic hyperlink; in this case, off-canvas navigation. The second is the complexities of implementing such ideas in an accessible and highly performant manner. These are two topics that I believe are at the heart of the Web’s future.

    Formance.js : jQuery Formatting and Validating Form fields Plugin

    Formance.js : jQuery Formatting and Validating Form fields Plugin

    Formance.js is a jQuery library for formatting and validating form fields, based on / inspired by Stripe’s jQuery.payment library.

    Client side validation is not sufficient in any project because the javascript can be bypassed and people can submit requests directly to the server. However, that doesn’t mean client side validation should be forgotten. This library is for those who care about the user experience.

    Simple Parallax Scrolling Effect with CSS3

    Simple Parallax Scrolling Effect with CSS3

    In this tutorial, we take a look at a beautiful parallax scrolling effect in the simplest of ways, with stationary backgrounds and scrolling content.

    OpenMes : jQuery Open Messages With Animation Effects

    OpenMes : jQuery Open Messages With Animation Effects

    OpenMes is a jQuery plugin that is used to create unlimited popups, lightbox, messages, notifications with a lot of animation effects, support text, images, videos and also complicated HTML code. Additionally, OpenMes allows to combine inline and AJAX content for best SEO and performance.

    Draggable Metro App Showcase with CSS3

    Draggable Metro App Showcase with CSS3

    Today I’d like to share with you an interactive and touch-optimized metro app showcase concept for showcasing a metro (probably a Windows Phone) app screenshot. The screenshot will be draggable and swipable, and you’ll have a couple of extra options to view how the app would look like in a mobile phone frame.

    Image Overlay Hover Effects With CSS3 Transitions

    Image Overlay Hover Effects With CSS3 Transitions

    In this tutorial, we’re going to build some image overlay hover effects with CSS3 transitions. When we hover over an image, a neat transition will occur, showing us an icon that hints the user to click on it for more.

    The Loading Bar WordPress Plugin

    The Loading Bar WordPress Plugin

    Your website will take a bit of time to load when you have images in them, and during this period your website can sometimes look broken. The Loading Bar is a lightweight plugin that will hide your site while it’s still loading, display a loading progress and when it’s fully loaded, shows your site in all it’s glory.