Javascript

170 articles

Advanced Growl Style Pop-Up Notifications: Purr

Purr is an advanced MooTools notifications class that allows you to show growl-style pop-up notifications. It also provides Elements.alert() to allow a notification to be popped above of an existing element. This notification plugin can be used to show any kind of notifications on web pages using custom positioned modal windows. Requirements: MooTools Library Website: http://re5et.github.com/projects/purr/demo/ License: Free to use

JavaScript Canvas Library: Artisan JS

Artisan JS is an Open Source JavaScript Canvas Library that aims to make in-browser drawing very easy. It specifically targets Canvas and supports for layered data, graphics can be layered and flattened when rendered, but the data remains. This means the data can continue to be manipulated after it is rendered. Requirements: Canvas supported browser Website: http://www.artisanjs.com/ License: GPL, MIT

Easily Add Annotations With jQuery

Codrops is sharing a simple and useful jQuery plugin to add overlay effect to display annotations. The jQuery annotation effect can be used for the purpose of expanding documentation and comments. To integrate this into your portfolio you need to make a transparent image with some notes that fits on the smaller sized image. Requirements: jQuery Library Website: http://tympanus.net/codrops/2010/10/12/annotation-overlay-effect/ License:…

Improved jQuery Product Slider: FancyMoves

FancyMoves, a new jQuery Product slider for your website or blog. This slider is built off the Moving Boxes slider, with FancyBox for expanding images. FancyMoves is a great slider to show off services, products, or whatever you can dream up. The main image is enlarged to attract your focus. There are three ways to navigate to the next / last item:…

Open Source HTML5 Mobile App Framework: Jo

Jo is an Open Source HTML5 Mobile App Framework for building mobile applications for HTML5 capable browsers and devices. It was originally designed to work on mobile platforms as a GUI and light data layer on top of PhoneGap. Jo has been tested successfully as a lightweight framework for mobile browsers, newer desktop browsers, and even Dashboard widgets. Jo Features…

Spontaneously Prompt A User With jQuery Impromptu

Impromptu is a jQuery plugin to provide a more pleasant way to spontaneously prompt a user for input. It allows for creating forms within these controls. This is not intended to be a modal replacement, just a quick tool to prompt user input in a fashionable way. It can be easily customized using CSS and comes with a couple of…

jQuery News Previewer With Thumbnails

News Previewer let’s you show your latest articles or news in a compact way with thumbnails. The news previewer will show some list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left is clicked, the preview will slide in. Requirements: jQuery Library Website: http://tympanus.net/codrops/2010/10/03/compact-news-previewer/…

Flexible Client Side Table Sorting: Tablesorter

Tablesorter is a flexible client side table sorting jQuery plugin that turns standard HTML table (with THEAD and TBODY tags) into sortable table without page refreshes. Tablesorter can successfully parse and sort many types of data including linked data in a cell. Tablesorter will auto-detect most data types including numbers, dates, ip-adresses. It has many useful features including: Multi-column sorting Lightweight…

HTML5 Mobile-Optimized Mapping & Tiling Library: Tile5

Tile5 is an open source HTML5 mapping javascript library that provides developers the ability to integrate existing mapping platforms (Google, Yahoo, Bing, etc...) to provide a rich HTML5 experience. In addition to providing a great API for mapping, Tile5 also excels at building more generic tiling application interfaces. Tile5 is targeted at both mobile and desktop browsers that support HTML5. Requirements:…

Facebook-Style Tooltip Plugin For jQuery: Tipsy

Tipsy is a jQuery plugin for creating a Facebook-style tooltips effect based on an anchor tag's title attribute. By default, tooltips will appear centered underneath their anchor. Using the gravity parameter, it's possible to control the positioning of the tooltip relative to the pointee. Requirements: jQuery Library Website: http://onehackoranother.com/projects/jquery/tipsy/ License: MIT