Badger easily adds beautiful iOS style badges to your element without the need for images. The created iOS style badges are inspired by the badges found on the iPhone and iPad, Badger is an incredibly attractive way to notify your users in a manner that they may already be familiar with.

Badger is styled after the badges found on iOS devices (iPhone/iPad). If you’d like something alternate, the stylesheet is short and sweet. Modify the appropriate classes to achieve the exact badge you’re looking for. Just remember to set the border radius to half of the badge’s height to get the circle effect.

This iOS style badges jQuery plugin is tested on iPhone/iPad, Chrome 8.0+, Firefox 3.0+, Safari 4.0+ and Internet Explorer 9.0+ (Internet Explorer 8 shows a square badge).

GMAP3 is a jQuery plugin which simplifies the use of the Google Map v3 and allows developers to use every functions that the API supports to create advanced Google Maps. It comes with advanced features (overlays, clusters, callbacks, events etc.) and can be used for many purposes like:

• Using a context menu on Google maps
• Searching an address on Google maps with auto-completion
• Managing markers in clusters on Google maps
• Displaying a streetview in an infowindow
• Panning to markers on Google maps

GMAP3 Features

• Multi Instance Support
• Full Google Maps Features Support
• Stackable and Contextual

Validating and sanitizing code base is usually a nightmare for developers who are quite prolific and just love churning out code on instincts and brainwaves. But now sanitizing HTML code is easy with PROPER Semantic Text Editor. Built on a data driven document authoring engine, PROPER uses Sanitize.js to guarantee valid output.

For those of you who distribute code or just want to display it nicely in web browser, Code Explorer comes as a little wonder. A very simple jQuery plugin, Code Explorer, not only displays your code nicely (with all formatting, spacing and indentation) but also parses the folder structure to present the code with its folder structure in a directory tree.

Code Explorer allows themes, full screen mode and can run multiple instances simultaneously.

I am not sure about the use of displaying fireworks animation on a web page but if you want to burst fireworks on a web page, Fireworks.js is a free JavaScript animation library that can be used to render cool fireworks effects on a web page.

The fireworks engine is governed by a number of configuration options for controlling magnitude, radius and density of fireworks particles – a really creative and innovative use of JavaScript. Do check it out!

Features

• Random explosion patterns and colours
• Customizable API allows for additional firework types and effects
• Optional script-driven sound effects provided by SoundManager API
• Standard DOM calls work under XML doctypes

One of the major challenges in developing web applications for mobile is porting applications or websites to different platforms. You can port basic structure and content for most mobile devices but porting interactive elements like image galleries is the real pain. Imagine an interactive image gallery rendering without flaw on iPhone, iPad, BlackBerry, Android and on all sizes desktop displays without requiring tweaks.

Now it is possible to create interactive image galleries for mobile and desktop platforms with PhotoSwipe. A simple JavaScript image gallery, PhotoSwipe allows you to build simple yet interactive image gallery that can be easily integrated into your mobile websites. It is heavily optimized for mobile webkit browsers with complete support for jQuery implementation.

PhotoSwipe is inspired by the iOS photo viewer and Google images for mobile. Thus, it provides your visitors with a familiar and intuitive interface allowing them to interact with images on your mobile website.

OpenJS Grid is an JavaScript based data grid solution that allows you to provide all the functionalities of data sorting, navigation and search in a simple yet elegant data grid on web application/websites. You can add this simple data grid is almost any web application without having to make much modifications.

OpenJS Grid can load data from a variety of data sources via AJAX. The grid has paging, searching, and resizing built in.

Features

• Paging and Live Filtering
• Column flexing & Static size
• Freeze Rows
• Complex Where Clauses

As the caption goes, ‘Edit Anywhere‘,  NicEdit is a WYSIWYG is a free text editor that can be used in various scenarios to provide on-the-fly content editing in a rich text format. It is lightweight, cross platform, feature rich online JavaScript text editor to allow easy editing of web site content on the fly in the browser.

NicEdit WYSIWYG text editor integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing. Its goal is to be as simple and fast as possible for users of your application.

Had you ever imagined widespread implementation of WordPress and other content management frameworks like Drupal? Today, they hold major chunk of the content management marketplace and there are many more innovative products that are going to be emerging players very soon. So, if you contribute to open source, consider Calipso, a simple NodeJS content management system based on Express, Connect & Mongoose. It is built along similar themes to Drupal and WordPress, that is designed to be fast, flexible and simple.

Calipso is calling open source developers to further enhance its features. The current version is good to be used for fulfillment of most content management requirements.

Do you do single-source-development? By single source development, I mean using the same code base to develop solutions for different platforms. This method of development is usually based on a flexible framework that allows you to use the same code base to publish solutions on various platforms without requiring much changes. If you do not already practise single source development model, start with Skeleton, which is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone.

Skeleton is built on three core principles:

• Responsive Grid Down To Mobile
• Fast to Start
• Style Agnostic

Skeleton’s base grid is a variation of the 960 grid system. The syntax is simple and it’s effective cross browser, but the awesome part is that it also has the flexibility to go mobile like a champ.