Multi-Layer Page Reveal Effects with CSS & JavaScript

Multi-Layer Page Reveal Effects with CSS & JavaScript

Today we’d like to show you how to create a simple and modern page transition effect. Maybe you have spotted some of the cool effects seen on sites like Nation or Keep Portland Weird, where two or more layers of overlays are animated across the page to reveal some new content. Let’s see how we can do something like that. We’ll focus on the animation part only, not the loading of content. For the effects we’ll be using CSS Animations.

Distpicker : jQuery Plugin for Picking Cities of China

Distpicker : jQuery Plugin for Picking Cities of China

A simple jQuery plugin for picking provinces, cities and districts of China.

How to get File Name, Size, Type count in jQuery

How to get File Name, Size, Type count in jQuery

This article explains how to get the file name, file size (in bytes), file type (Text/PDF/CSS files) and total selected file counts in jQuery before uploading it to the server.

Bideo.js : Easy fullscreen Video Backgrounds

Bideo.js : Easy fullscreen Video Backgrounds

Bideo.js is a JS library that makes it super easy to add fullscreen background videos.

Push.js : Cross-browser JavaScript Push Notifications

Push.js : Cross-browser JavaScript Push Notifications

Push is the fastest way to get up and running with Javascript desktop notifications. A fairly new addition to the official specification, the Notification API allows modern browsers such as Chrome, Safari, Firefox, and IE 9+ to push notifications to a user’s desktop. Push acts as a cross-browser solution to this API, falling back to use older implementations if the user’s browser does not support the new API.

Switchable : jQuery iPhone Style Switch Buttons

Switchable : jQuery iPhone Style Switch Buttons

Switchable  is a replaces checkbox by beautiful iphone style switch buttons.

Convert HTML to Image in jQuery

Convert HTML to Image in jQuery

This article explains how to convert div to an image in jquery. Yes, we are going to generate an image from our HTML page on client-side using jQuery. We can also convert a particular part of our Webpage (Asp.net C# Web project/ PHP). All we need HTML tag, and using html2canvas js library we can create images .i.e converting HTML table to Image PNG, JPG or converting DIV, UL, LI tag into Jpg image format.

jQuery Slim, Image Upload and Ratio Cropping Plugin

jQuery Slim, Image Upload and Ratio Cropping Plugin

Modern cross platform responsive image cropping and uploading. Slim features beautiful animations and graphics. Configuration and implementation are a walk in the park.

Features:

  • Responsive and Beautifully Animated
  • Compatible with both Bootstrap and Foundation
  • Super Fast
  • Able to auto crop and resize imagery
  • Capable of Correcting Device Orientation problems
  • Setup to upload via AJAX or Form POST
  • A Treat for the Eyes

HTMLfromRSS.js : Html feed from RSS Feed

HTMLfromRSS.js : Html feed from RSS Feed

HTMLfromRSS.js is a jQuery plugin for mutiple html feed from rss feed.

PhotoFlip : jQuery plugin to dynamically change the Background Image

PhotoFlip : jQuery plugin to dynamically change the Background Image

A jquery plugin that allows you to dynamically change the background Image of a container or div.