Browsing all articles tagged with jQuery
Jun
2

Very Simple & Tiny Lightboxing: Lightbox_me

Author admin    Category Plugin     Tags , ,

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.

jQuery Lighbox_me read more

Apr
29

gMap – google maps plugin for jquery

Author admin    Category Plugin     Tags , ,

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.

gMap

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

Apr
29

Contextual Slideout Tips With jQuery & CSS3

Author admin    Category Plugin     Tags , , , , ,

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

slideout context tips jQuery plugin

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

Apr
29

TipTip jQuery Plugin

Author admin    Category Plugin     Tags , , ,

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.

tiptip jquery plugin read more

Apr
6

Rounding Up the Top 10 jQuery Lightbox Scripts

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

Download Lightbox script

Supported Media: Images

View Demo

Download read more

Mar
27

Sponsor Flip Wall With jQuery & CSS

Author admin    Category CSS     Tags , , , ,

Designing and coding a sponsors page is part of the developer’s life (at least the lucky developer’s life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.

We are using PHP, CSS and jQuery with the jQuery Flip plug-in, to do just that. The resulting code can be used to showcase your sponsors, clients or portfolio projects as well.

Step 1 – XHTML read more

Mar
16

Sprite Animations With jQuery: Spritely

Author admin    Category Plugin     Tags

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.

jQuery Spritely read more

Mar
14

Tracking Statistics Tools for Websites

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

Google-Analytics read more

Mar
14

How to create a grid-based layout with jQuery

Author admin    Category CSS     Tags , ,

Grid-based layout is probably the more preferred way to style up a webpage to give it more magazine-like look and feel. This tutorial is about how to use CSS and Javascript to create a fluid grid-based layout (See demo here). The algorithm/procedure used in this tutorial is very simple and straightforward. There are more advanced algorithms out there which can handle multiple scenarios. But the purpose is to understand the basic logic on how to create such layout. You go to this site for details.
Javascript-techniques-51 in 45 Fresh Useful JavaScript and jQuery Techniques and Tools

Mar
14

9 JavaScript jQuery techniques on Forms, Buttons & Navigation

Author admin    Category Plugin     Tags , , ,

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.

Javascript-techniques-73 in 45 Fresh Useful JavaScript and jQuery Techniques and Tools read more