wdCalendar is a jquery based google calendar clone. It cover most google calendar features. User can choose to have a daily view, weekly view or monthly view. User can easily create, update or remove events by drag & drop. It is very simple to to integrate wdCalendar with a database.

wdCalendar
Via / WebAppers

Pines Notify is a JavaScript notification plugin, developed by Hunter Perrin as part of Pines . It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use. It uses the jQuery UI CSS library for styling, which means it is fully and easily themeable. Try out some of the readymade themes using the selector in the top right corner of this page. It is licensed under the GNU Affero GPL , which means you are free to use, study, modify, and freely redistribute it under the same license.

Pines Notify jQuery Plugin
Via / Script & Style

I?m what you would consider a bit of a GitHub fanboy. We all know that GitHub is the perfect place to store repositories of open source code, but I think my love of GitHub goes beyond that. GitHub seems to understand that most repo sites are usually boring so they?ve spiced their site up with some catchy CSS and great JavaScript features. One tiny piece of the GitHub design I love are the basic buttons. Lets examine how we can create our own GitHub-style buttons with a bit of HTML, CSS, and JavaScript.

Create GitHub-Style Buttons with CSS and jQuery, MooTools, or Dojo JavaScript
Via / WebAppers

Have you ever had a DOM element that you wanted lightboxed, but didn’t want all the fanciness of all the lightbox-related plug-ins out there? Lightbox_me is for you. Lightbox_me is an essential tool for the jQuery developer’s toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss.

Query Lightbox_me
Via / Script & Style

Long long time ago, my friend had written a jQuery tutorial about spotlight effect called – making a cool spotlight efect with jQuery, he got this inspiration from Sikker website that uses the similar effect for all his portfolios. I think that’s cool, so I decided to spice thing up a little bit by adding a caption into it.

http://www.queness.com/post/3470/simplest-jquery-spotlight-effect-tutorial
Via / CSS Globe

Features

• 8 unique transition effects
• Lots of easy to set options to create your own effects
• Included Image preloader
• Autoplay that stops on user interaction
• Valid HTML5 and CSS 3 Markup
• Packed version only weights 8kb
• Supports linked images
• already prepared to work with prettyPhoto Lightbox
• works with jQuery 1.32 and higher

AviaSlider

Via / CSSGlobe

ZURB has released the latest application called Verify, which allows you to collect user feedback through interactive tools. A lot of these tools require the user to annotate an image so they came up with a single plugin they could use for the entire app.JavaScript Annotation Plugin makes it dead simple to add and save image annotations. Here?s how it works: The first parameter to annotatableImage is a function implemented by you and defines the element that will be added when you click. In the example below that function is called blackNote. Simple right?

ZURB JavaScript Annotation Plugin
Via / WebAppers

Although many will argue that Microsoft products are an example of a good design, Minibar was one of design refreshments that came out with the Office 2007. It is a variation of a toolbar that exposes context-related functionality. In case of MS Word, context is a text selection. Since Minibar always pops up near the mouse pointer it enables users to quickly perform actions related to a selection.

Why and how to create Microsoft Office Minibar with jQuery and CSS3
Via / WebAppers

Cloud Zoom is a jQuery plugin comparable to commercial image zoom products such as Magic Zoom . Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

Cloud Zoom
Via / WebAppers

Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When clicking on the full image, the thumbs panel slide back from the bottom. This effect will give the impression that we are stacking the panels on top of each other every time we change the mode. In the full picture view we add some nice transition effect when we browse through the photos.

Sliding Panel Photo Wall Gallery with jQuery
Via / WebAppers