SKDZoom : jQuery Stylish CSS3 Image Zoomer

SKDZoom : jQuery Stylish CSS3 Image Zoomer

SKDZoom – A jquery stylish CSS3 image zoomer plugin with lens zoom support. Big image shows in a awesome rounded box beside the thumbnail. It is very light weight and easily customizable image zoomer.

HATCHSHOW : jQuery Typesetting plugin

HATCHSHOW : jQuery Typesetting plugin

Hatchshow will automatically add a span to each line of text and scale the font size so each line ends up the same width. This is another plugin that’s useful for creating classic or vintage designs.

jQuery formHelp

jQuery formHelp

Providing contextual help in a standard HTML form requires all kinds of extra HTML and CSS (and JavaScript if you want it to play nice with the user). This plugin gives you an easy way to place contextual help at every input field in a form. All you have to do is insert a span element with the helptext and a reference to the corresponding input field and this plugin does the heavy work for you.

RTP.Slider.js: jQuery Touch Enable and Responsive Slider Plugin

RTP.Slider.js: jQuery Touch Enable and Responsive Slider Plugin

RTP.Slider.js is a versatile and flexible slider. Strong support for fluid / responsive Designs, mobile browsers and touch devices. It has nearly every feature that you can find in other sliders on the web.

Features:

  • Carousel/Endless mode
  • Support for touch events
  • Simulated touch events via mouse
  • Support for fluid viewports
  • Also works in vertical mode
  • Various widgets and plugins
  • Autosliding with control widget
  • Extensible through plugin hooks
  • Custom animations for sliding
  • Experimental 3d carousel widget

Transitions for Off-Canvas Navigations with CSS3 & JavaScript

Transitions for Off-Canvas Navigations with CSS3 & JavaScript

Today we’d like to share another set of transition effects with you. This time we’ll explore transitions for sidebars or off-canvas content like the one we’ve used in the Multi-Level Push Menu. The idea is to show some hidden sidebar with a subtle transition on the element itself and also on the remaining content. Usually the sidebar slides in, pushing the other content to the side. But there are many more possibilities for subtle and fancy effects and today we want to give you some inspiration.

Shuffle.js : jQuery Shuffle Plugin

Shuffle.js : jQuery Shuffle Plugin

The Shuffle.js plugin that helps in categorizing, sorting, and filtering a responsive grid of items  and laying out a group of items. Besides other cool features its a performant, responsive, and fast plugin.

This is a large improvement to shuffle. Most notably, the ability for masonry layouts. Other additions include adding/removing items, enabling/disabling, multiple instances on a page, and more!

NACHO Lightbox : Flat responsive lightbox with jQuery

NACHO Lightbox : Flat responsive lightbox with jQuery

NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device.

Features:

  • Flat skin – perfect for modern websites
  • Responsive and beyond – very adaptable, perfect for desktop, tablet and even mobile. It hides the thumbnails on small screens to keep the media visible.
  • Touch gestures – mouse and touch are unified, so you can do anything using either one.
  • Blazing fast – Featuring some of the coolest CSS3 Effects out there, it takes advantage of the GPU on mobile devices.
  • Responsive Videos from Youtube and Vimeo.
  • Responsive fluid grid included to keep your images aligned.
  • Powerful events API – you can control all the options through this easy to use API. 
  • Retina Graphics – Sharper on every screen
  • Deep linking – So when someone shares your image will be taken directly to that image.
  • No coding required – Using only jQuery selectors and HTML5 data attributtes

3D Shading with Box-shadows in CSS3

3D Shading with Box-shadows in CSS3

When working with 3D transformed elements, you might notice that they don’t have any shading and appear to be very flat. In real life, objects block light and have shadows. Surfaces can be matte, reflective, and everything in between. Indeed, we can do better.

If you need to cast light onto complicated geometry, there are options available such as Photon, but they’re very processor intensive. In this article, I’ll show you a solution that can be applied to objects that only have a few faces. Our example will be a 3D movie gallery with glossy posters and, when the posters are rotated, the sides will contain matte information cards with meta data about the film.

FlowType.js : jQuery plugin to Auto-resize the Font-size

FlowType.js : jQuery plugin to Auto-resize the Font-size

FlowType.JS is a jQuery plugin which can auto-resize the font-size and line-height (according to the width of the element wrapping it) so that our content is displayed just as we prefer. The plugin has options for setting the min/max font-sizes and min/max widths where the resizing will be triggered. It also works fine with webfonts and a nice demo shows how it works (just resize the browser for the demo page).

Loda Button : jQuery Animated Button icon with CSS3

Loda Button : jQuery Animated Button icon with CSS3

Loda Button is a simple jQuery plugin animates the button’s icon as the data are being fetched from the server. The classes loda-btn and loda-icon are used by the plugin to style the button. The styling is quite simple and done in loda-button.css. The animation is created using CSS3′s animation, transitions and transforms, which are supported by Chrome, Firefox, Opera, and IE10.