jQuery Bar Rating Plugin

jQuery Bar Rating Plugin

jQuery Bar Rating Plugin works by transforming a standard select box into a rating widget. It’s only 2.5kb minified and easy to style with CSS.

Blades 3D : CSS3 Responsive & Retina Ready Banner Rotator

Blades 3D : CSS3 Responsive & Retina Ready Banner Rotator

Blades 3D is a responsive and retina ready with CSS3 3D Transforms and CSS3 Transitions.

Features:

  • Responsive (optional)
  • Retina Ready (optional)
  • Choose to use autoplay and set autoplay delay
  • Automatically randomize the slide order
  • Choose to turn off 3D flip beaviour and switch to “classic” mode
  • Choose from one of 6 different flip rotations or cycle through them all
  • Set “break-apart” thumb spacing
  • Set the number of grid columns and rows
  • Touch-swipe for mobile devices
  • Use as many slogans that will fit
  • Slogans support multiple lines and hyperlinks
  • Use more than one banner on the same page
  • jQuery free (no worrying about jQuery conflicts or having to update to the latest jQuery)
  • Custom settings can be passed through either JavaScript or HTML attributes.

Swipebox : A touchable jQuery lightbox

Swipebox : A touchable jQuery lightbox

Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.

Features:

  • Swipe gestures for mobile
  • Keyboard Navigation for desktop
  • CSS transitions with jQuery fallback
  • Retina support for UI icons
  • Easy CSS customization

Detector : PHP & JavaScript based browser and feature-detection library

Detector : PHP & JavaScript based browser and feature-detection library

Detector is a simple, PHP- and JavaScript-based browser- and feature-detection library that can adapt to new devices & browsers on its own without the need to pull from a central database of browser information.

Detector dynamically creates profiles using a browser’s (mainly) unique user-agent string as a key. Using Modernizr it records the HTML5 & CSS3 features a requesting browser may or may not support. ua-parser-php is used to collect and record any useful information (like OS or device name) the user-agent string may contain.

With Detector a developer can serve the appropriate markup, stylesheets, and JavaScript to a requesting browser without being completely dependent on a front-end-only resource loader nor a browser-detection library being up-to-date.

offCanvasMenu : jQuery Responsive off-canvas toggling Menu

offCanvasMenu : jQuery Responsive off-canvas toggling Menu

offCanvasMenu is a jQuery/Zepto plugin that provides an easy way to implement an off-canvas toggling menu, a navigation metaphor made popular by mobile applications.

When activated, offCanvasMenu “slides” the menu element into view, “pushing” other content to the side.

ScriptCam : jQuery plugin to manipulate Webcams

ScriptCam : jQuery plugin to manipulate Webcams

ScriptCam is a popular JQuery plugin to manipulate webcams. Take snapshots, detect movement, colors, QR and barcodes, record videoclips and organize videochats.

Impress your clients and visitors with this multi-language and fully customizable library.

IcoRoll : jQuery Scroll Navigation System

IcoRoll : jQuery Scroll Navigation System

Responsive scroll menu system providing ideal solution for vertical navigation on pc and mobile devices.It connects html id attribute on page with menu, so menu knows where user is on page.

Features:

  • Responsive
  • Uses touch, mouse and mouse wheel events
  • Easy configuration
  • Easy theme change ( one commented css file )
  • Works on almost all browsers ( only not on IE6 )
  • Supports touch slide effect
  • Is integrated with icomoon icons ( 3800 free and open source icons)
  • Has additional feature – text tooltips to redirect user to different section of page

On-Scroll Animated Header with JavaScript & CSS3

On-Scroll Animated Header with JavaScript & CSS3

A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.Once a certain amount of the page gets scrolled, the header will decrease its size and the inner elements will adjust their font-size/line height. There are example media queries for dealing with different screen sizes.

Tweet to Unlock with jQuery & PHP

Tweet to Unlock with jQuery & PHP

In this tutorial article, let’s create simple “Tweet to Unlock” feature for your web page using jQuery Ajax and PHP.

Events are triggered when user successfully tweets the page, to capture some information from Twitter, we can add a “listeners” to the actions users perform in Web Intents. Once we know the user has Twitted the page, we can make an Ajax request to a PHP file, which will respond to this request  by sending the unlocked data to user browser. Here’s complete code example of a page which has some content to be unlocked by Twitting.

How to Integrate Simple Parallax with Twitter Bootstrap

How to Integrate Simple Parallax with Twitter Bootstrap

Thanks to the flexibility of Twitter Bootstrap, you’re not in any way limited only to the framework’s default container and grid styles. It can actually be quite easy to introduce new layout options to your site without needing to worry about disrupting Bootstrap’s functionality. With this tutorial, we’ll learn how to do that by integrating a simple scrolling parallax effect to the page.