jqueryrain.com - Archives (janvier 2014)

GalleryModule : Html5 CSS3 & jQuery Single Page Gallery.

The plugin using the latest CSS3 transitions with some jQuery to display a really unique Gallery Slideshow on your website’s background. With 20 animation types, 20+ patterns and customizable timing […]

Wow. I forgot to show you all my cool little tax calculator I created! About two weeks ago, I created a jQuery based tax calculator. Same as before, I used […]

A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will […]

Stylie is a fun tool for easily creating CSS 3 animations. You can configure your animation graphically, tweak it, grab the generated CSS and go!

Responsive HTML5 image gallery tutorial. CSS3 acceleration. Features: Responsivity: adjust layout and behaviour Touch event handling Fastclicks without 300ms click delay CSS3 accelerations SPA architecture Scalable graphics via icon font […]

This plugin makes it possible to have a fixed position element that is relative to it’s parent. A normal fixed positioned element would be “out of context” and is very […]

ZoomScript allows you to view your web gallery on any mobile device as in native photo app. You can browse photos by swiping your finger on the touchscreen. It works […]

A simple, CSS3 responsive slider with no external dependencies except jQuery. Features: No dependencies except jQuery; works well with Twitter Bootstrap if required Specify optional audio for each slide Specify […]

So why use this library when there are many others with the same name? Well, this library was created because the other solutions weren’t abstract enough to provide a deep […]

Simple animations using FontAwesome and some CSS3.

Pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering “Growl-like” notifications. Features: Uses standard Twitter Bootstrap alerts which provides ‘info’, ‘error’, and ‘success’ styles. Multiple growls called consecutively […]

Lorem Ipsum text is the must needed tool for every designer because it gives random text to fill your design and shows the exact look before getting the real text […]

A simple plugin with various effects you can apply to text, letter by letter.

With this WordPress plugin you can easy integrate the SVG Avatars Generator, which lets your visitors create custom avatars. This Generator is based on SVG (Scalable Vector Graphic), which is […]

This is a clone of medium.com inline editor toolbar.Since I always had problems with bloated editors and I loved the simplicity of medium.com solution I’ve tried to implement their WYSIWYG […]

jQuery easy ticker is a news ticker like plugin, which scrolls the list infinitely. It is highly customizable, flexible with lot of features and works in all browsers. Features: Two […]

Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to […]

Moves a DOM element along an SVG path (or do whatever along a path…)

Make that shiz draggable with javascript.Rad because it supports IE8+ and multi-touch.

JavaScript is all like “You images done yet or what?”.Detect when images have been loaded.

jQuery plugin which checks passwords live against a set of criteria including personal information and dictionary words.

jQuery.Keyframes generates and plays CSS3 keyframes quickly and easily allowing you to concentrate on the content of your project whilst cutting down code. With the rise of CSS3 and HTML5, […]

METRO – WordPress Grid Portfolio, a WordPress Plugin that shows your portfolio in an interactive way. You can display a single gallery, all galleries within a category and all galleries […]

Highlight.js highlights syntax in code examples on blogs, forums and, in fact, on any web page. It’s very easy to use because it works automatically: finds blocks of code, detects […]

Small UI elements usually don’t get too much attention when it comes to creative effects. They are often neglected because of their size. But they can offer a great opportunity […]

If you are converting your photoshop psd file to html css and not using css responsive framework then you should seriously consider it.Their are lot of advantages of using css […]

jQuery based plugin for making any list of items selectable by mouse and keyboard. It could be usefull in webapp where are different widgets like menus, dropdowns with keyboard input, […]

Simple 3D Coverflow is a fully responsive media 3D coverflow plugin that allows you to display media content with an unique original layout from a 3D perspective. It’s perfect for […]

jQuery Plugin to allow you to display the time since an event. PHP formats the dates on the backend, then jQuery updates the times within the browser.

Rich_TextArea is a jQuery plugin replacement for the venerable HTML TEXTAREA that adds arbitrary triggered autocompletes along with the insertion of rich “embedded objects” included images, links, or any other […]

A simple responsive popup menu, it’s a jQuery plugin.

A jQuery plugin provides a lazyload function for everything.jQuery-lazyload-any currently supports IE7+, Chrome, Firefox, Safari and Opera.

In this Article we are providing best wordpress themes based on responsive twitter’s bootstrap framework .All the wordpress themes are responsive. 1.Angle Flat Responsive Bootstrap MultiPurpose Theme Welcome to Angle […]

This plugin attaches a popup calculator to an input field. Simple or scientific calculators. Define your own keys. 15 localisations.

jqEasytooltip is an easy and customizable jquery plugin, built in css3 and well-designed javascript. Easy to use and customize, and strong for advanced users. Only one class to initialize (Declarative […]

A jQuery UI widget for building simple, scroll-based pages and interactions. Key features : 100% style agnostic. Just a collection of often-used scroll-based patterns. Can can you existing DOM or […]

CoverPop is a lightweight lightbox popup plugin with cookie integration. Style agnostic. Responsive friendly.If you are trying to show up a lightbox popup similar first time visitors that is easily […]

Live Composer is a front-end content builder plugin for WordPress with 28+ modules ( and more to come ) packed with functionality and styling options that allow countless variations to […]

This is a jQuery plugin to lazy load Youtube videos. On the initial load, the div will be replaced by a preview img of the video. On hover, the preview […]

least.js is a Random and Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad.

I couldn’t find anything that fully did what I was after so I built mappy (besides I need the JavaScript practice!). In short it provides the following: UI for users […]

Display your work, team members, portfolio or anything else in an amazing and creative way. Klax is a multi-functional jQuery plugin that displays your content within the web page and […]

Lazy load XT is a jQuery plugin for images, videos and other media.Mobile-oriented, fast and extensible jQuery plugin for lazy loading of images/videos with build-in support of jQueryMobile framework.

Dragon – smart scrolling jQuery plugin for correct scrolling mechanics. Features: Scroll on drag Wheel fullfil Extended keyboard scrolling Metro style One instance Customizable scrollbars Smoth pagination plugin Touch scroll

AppendGrid allow you to input structured data row by row such like filling spreadsheets. It allows you to add/remove/insert/delete row in the grid. The generated input/select/textarea controls are well named […]

A CSS3 only product wall that demonstrates the use of the :target pseudo-selector.

I found an interesting and useful class file in phpclasses.org, that helps to detect image nudity based on skin pixel score developed by Bakr Alsharif from Egypt. I had integrated […]

A jQuery plugin that uses CSS transitions to animate an element’s height or width to auto.

It would be virtually impossible to create complex text animations only with css transitions. With CoolText you can do that with few lines of javascript or html attributes. It comes […]

There are plenty of reasons for using a sticky header navigation in your website. It provides easy access for top-priority links, plus a way back to the homepage from anywhere […]

A jQuery plugin to provide an alternate text wrapping algorithm. I hope to get this into the CSS spec, so it’s implemented as a polyfill. The default text rendering algorithm […]

Knwl.js is a Natural Language Processor built with JavaScript, put simply, Knwl.js scans through text, user data, or just about anything for data of interest, phone numbers, dates, locations, emails, […]

jQuery plugin to display a page with chronological sticky tags. Features: Sticky tag can be positioned anywhere you want them to be (x,y,rotation). x, y are percentage within the canvas […]

Pines Steps is a JavaScript steps (wizard) plugin, developed by Angela Murrell as part of Pines. It is designed to provide an unparalleled level of flexibility, while still being very […]

A jQuery plugin for simple access to browser cookies.Working with cookie strings are messy, especially in Javascript. Macaroon is a dead simple way to create, update, read and erase pesky […]

A jQuery plugin for adding an easy ‘are you sure’ confirmation pop-up to a button.The confirmOn plugin shows a confirmation box when the provided events are triggered. It works exactly […]

Jumbo 7 is easy to use Fullscreen gallery including Kenburn. As navigation, you can use bullets/thumbnails and tabs in your choices. And it is fully responsive and modern features like […]

The inherent visual appeal of filterable portfolios (like the Tuts+ hub) has made them very popular. Today, we’ll be making one using straight-forward markup, CSS3 and a little bit of […]

Create a ticking text intro animation for your typography with jQuery.With this plugin, you can use a markup to set the delay between each intro animation.

jQuery plugin with tons of settings that allows users to generate embedded youtube videos adjusting almost all imaginable options in an easy way, plus generating fancy playlists and share boxes. […]

The ultimate all in one plugin for notification – Change your favicon, browser’s title and more to reflect new notifications.Dynamic favicon feature from this plugin only works with Chrome and […]

A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just […]

This plug-in allows to easily find and select a location on the Google map. Along with a single point selection, it allows to choose an area by providing its center […]

A jQuery plugin for overlaying images or content.Boxer is a simple way to display images, inline-content or iFramed URLs in a lightbox-style modal.

Sinister is More than 45 Pure CSS Image Hover Effects Which is Suitable for a Wide Variety of Websites and Have Very Easy Installation.With Install this CSS File You Will […]

A tutorial on how to create sticky headers and columns for tables using jQuery. The solution is an alternative to other sticky table header approaches and it addresses the overflowing […]

jQuery circle statitic plugin. Features: show Infos as Circle Statistics, no images used based on html5 canvas and jquery many options can be set as data attributes fontawesome integration

jQuery Currency plugin is a simple, unobtrusive currency converting and formatting.

This jQuery plugin simplifies the usage of Bootstrap Pagintion. It uses appropriate classes: .pagination (you change this one), .active and .disabled.

Wayout Menu is a responsive menu written with Bootstrap 2.3.1, jQuery and CSS3. CSS transitions are used for navigation level openings. Features: Responsive design (Menu items are not responsive, but […]

In this tutorial we’ll recreate the hover effect as seen on The Christmas Experiments website. We’ll be using SVG for the shape and Snap.svg for animating it on hover. The […]

Wallpaper is a jQuery plugin for smooth-scaling, element-filling backgrounds.A really simple way to add element-filling background images.

Bootstrap Tabcordion is a simple jQuery plugin that transforms a set of Bootstrap tabs into a Bootstrap accordion. It can be configured to perform this transformation based on the size […]

Multifilter is a jQuery plugin to let you filter a table based on multiple inputs.Check it out below demo.It’s pretty sweet.

A jQuery plugin for displaying Bootstrap form alerts via jQuery events. Features: Event based Modeled after Bootstrap’s plugins Automatic binding via html attributes.

jQuery Plugin for Google plus feeds. Features: Set number of posts option. Set maximum number of posts option. Set profile image size option. Set Language option

The jQuery Searcher Plugin connects any list-like data with an input for searching.

Visual designer of sliders for your website. In the visual mode, you can create advertising sliders with animation effects and photo albums. Can be easily integrated with any CMS (not […]

Shifter is a  jQuery plugin for simple slide-out mobile navigation.Shifter works by checking for target elements in the DOM and binding events to them. This allows you to markup and […]

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 […]

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 […]

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.

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

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

A jQuery plugin that drops leaves on the page.

Let it Snow is a little plugin that is based off the solution of creating a snow effect with HTNL5 Canvas by Jason Brown. I decided to extend its functionality […]

A simple jQuery plugin to pixelate images, because I miss my Nintendo and high-resolution graphics are for suckers.

The best way to visualize data. JSONViewer is a user friendly, easy to use, lightweight, vanilla JS script written in OOP syle. You can use this script to visualize those […]

Tip Cards plugin let you create a layout of cards with a card-like interaction that you see on Google Tips Page. I’ve also added several new animation options so that […]

Flux (rss): http://feeds.feedburner.com/Jqueryrain?format=xml