Very Simple & Tiny Lightboxing: Lightbox_me

admin    Plugin     jQuery, lightbox, Plugin

Lightbox_me is a jQuery lightbox plugin that doesn’t come with many features but simply enables you to lightbox any element. And, it is only 1kb compressed.

It can position the modal box smartly in every situation whether the windows is resized or the window is smaller than the modal.

read more

gMap – google maps plugin for jquery

admin    Plugin     google map, jQuery, Plugin

gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.

Requirements
There are a two requirements you need to meet before you can use gMap to display Google Maps on your website. First you need to sign up for a Google Maps API key. Second you need the jQuery library at least in version 1.3. read more

Contextual Slideout Tips With jQuery & CSS3

admin    Plugin     css3, javascript, jQuery, Plugin, tip, tutorial

This is an interesting solution for showcasing the new features of products – using contextual slideout tips.

Knowing the importance of HTML standards, the development team is making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines. read more

TipTip jQuery Plugin

admin    Plugin     javascript, jQuery, Plugin, tip

TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. As a result the tooltip will adjust itself to be displayed above, below, to the left or to the right of the element with TipTip applied to it, depending on what is necessary to stay within the browser window. TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS.

read more

Rounding Up the Top 10 jQuery Lightbox Scripts

admin    Photos, Plugin     javascript, jQuery, opensource, photo gallery, Plugin, tutorial

Everyone loves lightbox javascript effects, since the original Lightbox script there has been countless clones generated for all the popular Javascript libraries. This collection rounds up the top ten Lightbox scripts for jQuery in particular, so remember to keep it bookmarked for your next design project!

jQuery Lightbox Plugin

Supported Media: Images

View Demo

Download read more

Cross Browser CSS Transforms – cssSandpaper

admin    CSS, Plugin     css3, javascript, Plugin

The transform property of CSS allows rotating, scaling, and skewing objects in HTML.

However, as expected, it doesn’t work consistently on every browser (specially IE) and requires a different rule for almost each of them like:

• -moz-transform for Mozilla
• -o-transform for Opera
• -webkit-transform for Webkit engines (like Safari)

cssSandpaper is a JavaScript library which enables IE to support CSS transforms and every other browser to work with the same rule definitions.

The library requires its own CSS rules like -sand-transform, -sand-box-shadow or -sand-gradient.

Once they are defined, it searches for these rules in the CSS file and applies the browser-specific transformations via JavaScript.

There is an impressive demo provided which can be tested with every browser.

Sprite Animations With jQuery: Spritely

admin    Plugin     jQuery

jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds.

You can use it on any html web page, and any part of the page can interact with a sprite (click anywhere on this page and wait and you’ll see what we mean).

With the power of JavaScript, the animations can be controlled on events (clicks, mouseovers) easily.

read more

Tracking Statistics Tools for Websites

admin    Plugin, Tools, Wordpress     javascript, jQuery, statistics, tool

Original article from http://wparena.com/how-to/tracking-statistics-and-bringing-in-visitors-for-websites.

By knowing and understanding your site visitor numbers, one can get help how to increase them. WordPress offers many tools for doing just that. Getting someone to visit your blog is half the battle; helping them get the most out of it is the other half.

You might want—and you can get—many alternatives for statistics for your blog. The built-in statistics in WordPress are probably the best quick overview you’re likely to get. If you also pay much attention to blog site statistics, though, it really does become a full-time job. That’s because increasing—let alone truly maximizing—traffic to your site is like running a rapid-response room in politics. You need to be working on an hour-by-hour basis to see what’s happening in the world, the response on blogs similar to yours, and how you can make your voice heard in the fray.

Just for your convince i have compiled a best resources, these are scripts, hacks, JQuery Plugins, WordPress Plugins, a list of Websites providing web stats  included in this article. If you know any other, mention it in comment.

1. Google Analytics Extensive Tracking Analysis of Websites

read more

JavaScript-based Geo-Enable Websites: YQL Geo Library

admin    Plugin     free, Geolocation, Plugin, YQL

Geolocation is one of the most popular subjects for today’s web & there are many solutions that help geo-enabling web applications.

YQL Geo Library is an impressive resource for geolocation as it is totally free & JavaScript-based.

It has various powerful features like:

• detecting the visitor’s location with the W3C geo API and with IP as a fallback
• find geo location from text
• find location from lat/lon pair
• find locations in a certain web document (by URL)
• get the location for a certain IP number

read more

9 JavaScript jQuery techniques on Forms, Buttons & Navigation

admin    Plugin     howto, javascript, jQuery, Plugin

Making a Google Wave History Slider
Here is shown how to create a Google Wave-like history slider. Using it will enable visitors to go back and forth in time to view the changes that take place on a comment thread.

read more