background preloader

Noty - A jQuery Notification Plugin

Noty - A jQuery Notification Plugin

http://ned.im/noty/#/about

Percentage Loader run loaderor download on BitBucket jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. Installation and use is quick and simple. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional), using vectors rather than images so can be easily deployed at various sizes. It is open source (BSD licensed) and available with instructions on BitBucket [here] or you can just grab the files [here]

Fancy jQuery & CSS3 Based Hexagon Image Gallery Hex Gallery is a jQuery plugin used to display your images in a CSS3 based hexagonal grid layout with hover caption support. See also: jQuery Plugin For Responsive Hexagon Grid Layout - Honeycombs How to use it: Quicksand Reorder and filter items with a nice shuffling animation. Home About I love Mac apps, especially for their attention to detail. CoreAnimation makes it so easy to create useful and eye-pleasing effects, like the one in this video. Responsive Masonry-style Gallery Plugin With jQuery And Bootstrap - mp-mansory.js mp-mansory.js is a lightweight jQuery plugin used for creating a responsive, fluid, Masonry- and Pinterest-style grid layout / gallery using Bootstrap's grid system. 1. Make sure you have jQuery library and Bootstrap framework installed in the webpage. 2. Download and put the mp.mansory.js script after jQuery library.

How to Create An Ajax-Based HTML5/CSS3 Contact Form [series_html5css3] Contact form is deadly essential for any website, as it acts as a messenger which passes the opinion or enquiries of visitors to webmaster. There have been countless contact forms on the web but unfortunately most of them do not explain to you the inner working parts, so here comes a detailed tutorial to teach you to build an advanced contact form from scratch based on the pop technology, HTML5 and CSS3.

.mouseleave() Description: Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element. This method is a shortcut for .on('mouseleave', handler) in the first two variations, and .trigger('mouseleave') in the third. The mouseleave JavaScript event is proprietary to Internet Explorer. Understanding jQuery Plugins If you’re here, I’m sure it’s no surprise jQuery is an easy library to use. jQuery may be easy, but it still has its quirks and can be difficult for some to grasp beyond basic functionality and concepts. No worries, I’ve got a simple guide here to help break down code, that may seem like overly complex syntax, into simple thoughts and patterns that can be easily understood. Here, we’ve got a basic plugin layout:

How to Display Dynamic Content on a Page Using URL Parameters In this tutorial, I will show you how to show/hide dynamic content based on URL parameters for any web page. This solution uses HTML, CSS and JavaScript instead of backend coding, so you will be able to use it with Marketo, Pardot, or any other system that allows a bit of custom code. The HTML Wrap each one of your dynamic content sections in a DIV and add a class called dynamic-content. Also, give each DIV a unique ID. We will reference these later in the JavaScript.

Related: