The Best Blogger Tips services

Complete Scripts+Internet+Utilities+Whois+

2011-08-23T02:42:00.000+05:30

Complete Scripts: Internet Utilities: Whois

Resources in this Category (18):

Matt's Whois

Version: 0.4.1 - Released: 10/04/00 - Free - Requirement(s): PHP3

A highly configurable script that can be used to perform domain lookups from your web site. Includes template support for customization and a domain name

cWhois

Version: 1.94 - Released: 03/11/10 - $29.95 - Requirement(s): PHP 4/5

Jump to URL

This script can check the availability of a domain name and if required retrieve the registration details. It works with over 400 domain extensions such

Max's Whois

Version: 1.0 - Released: 12/05/07 - Free

Jump to URL

A semi-professional domain whois script which allows you to check domain availability before registration. The script supports the most important tlds

MRWhois

Version: 2.0 - Free

Jump to URL

A whois lookup script that checks com, net, org, biz, info, co.uk, me.uk, and us domain names.

Tora's Whois

Released: 04/27/20 - Free - Requirement(s): PHP 5

Jump to URL

An easy and simple script which allows users to lookup domain name availability. It checks 24 domain extensions, supports easy setup of new extensions

QuickWhois by PHP Labs

Commercial

Jump to URL

This script allows you or your site's visitors to enter a domain name in the .com, .net, or .org TLDs and get the WHOIS information for that domain.

EP-Dev Whois

Version: 1.3 - Released: 09/13/03 - Free

Jump to URL

This script will return whois information on many domains. It will also act as a whois script for registrars who plan on the user registering the domain they

Particle Whois

Version: 1.0.2 - Released: 08/11/05 - Free - Requirement(s): MySQL

Jump to URL

Setup a multiple TLD (top level domain) whois engine to search for domain availability and fetch whois information. A log allows you to see a list of

Uganda Domain Check,

Version: 1 - Released: 10/11/02 - Free

Jump to URL

This script checks for availability and displays whois information for Ugandan top level domains such as .co.ug, .ac.ug, .sc.ug, .or.ug. It can also be used [...]

WhoisX Domain Name Lookup Script

Version: 1.1 - Released: 13/12/05 - Free - Requirement(s): PHP 4.1+

Jump to URL

A domain name whois lookup script that supports .com, .org, .net, .info, .name, .biz, .cc, .co.uk, .me.uk, and .org.uk. It can be modified to support

Micro Whois

Version: 1.0 - Released: 07/10/06 - Free

Jump to URL

This whois script gives you an attractive interface to check domain information. The main domains like .com, .net, .org, .info are integrated, but it is easy

Ajax Whois

Version: 1.0 - Released: 31/07/07 - $50

Jump to URL

Whois lookup and domain name search with Ajax technology so that page refreshing is not needed. It will display whois details with a popup window. Domain name

KubeWhois

Version: 1.0 - Released: 10/05/07 - $15 - Requirement(s): PHP 4, MySQL

Jump to URL

Let users check whether a domain is available for registration or not. If the domain is not available allow them to view the whois details. Manage the domain

v3Whois

Version: 1.0 - Released: 09/10/06 - $19.95 - Requirement(s): PHP 4.3+, MySQL 4+

Jump to URL

Whois any type of domain (global or country). Data is parsed for every TLDS (200+). Script can be added to existing templates.

FunkWhois

Version: 1.0 - Released: 02/28/05 - Free

Jump to URL

A whois domain lookup tool that can be configured for single tld or multiple tld look up. It will display the owner's details for domains already registered

MyKazaam Domain Lookup Utility

Version: 0.8.1 - Released: 12/28/04 - Free

Jump to URL

A domain availability script that will search for a given domain name and, if taken, return available alternatives similar to your request.

Whois Lookup

Version: 1.0 - Released: 12/26/10 - Free

Jump to URL

Find a domain owner's contact information, the date the domain was created and is set to expire, its domain name servers, and if available a hint

PHP AJAX Live Domain Availability Checker

Version: 0.8 - Released: 09/01/07 - Free - Requirement(s): PHP 4+

Jump to URL

Check a domain's availability as you type using AJAX technology. Saves successful results. Supports checking in bulk of unlimited domains. Open source and

Ultimate Grunge Toolbox for Web Designers

2011-08-12T14:28:00.000+05:30

Grunge websites are a common web design style that can add emotion and depth of character to a website. Some of the most common elements include dirty textures, torn edges, aged paper, and handwritten text. Often, the color palette of grunge includes muted colors that are mostly neutrals. And contrary to popular belief, a design does not have to be messy to be grungy, with strategically placed elements you can give any design a grungy feel.
We have covered all bases with this post – you will find Photoshop brushes, textures, seamless backgrounds, Vector packs, fonts, PSD web layouts… and much more.
One of the best ways to gather ideas for your own grunge design is by viewing websites that have successfully incorporated this trend. At the bottom of this post you will find a selection of our favorite grunge styled sites for your inspiration.

Grungy Seamless Backgrounds & Textures

10 Seamless Grunge Patterns (.png)

Download Page →

7 Grungy Wallpaper Photoshop Patterns & Texture Pack (.pat & .jpg)

Download Page →

7 Extreme Grunge Seamless Photoshop Patterns 2 (.pat & .jpg)

Download Page →

8 Tileable Grunge Textures & Pattern Set (.psd, .pat & .jpg)

Download Page →

Grunge Photoshop Brushes

Rusty Grunge 2
(37 Brushes)

Download Page →

Dirty Grid Brushes
(15 Brushes)

Download Page →

Skullribbles
(54 Brushes)

Download Page →

Plastered Prime
(2 Brushes)

Download Page →

Textures
(31 Brushes)

Download Page →

Floral Photoshop Brushes
(66 Brushes)

Download Page →

Grunge Brushes
(41 Brushes)

Download Page →

HR Grungy Texturing Brushes
(15 Brushes)

Download Page →

Grunge Textured Photoshop Brushes
(20 Brushes)

Download Page →

Texturitus
(35 Brushes)

Download Page →

Grunge Vector Packs

50 Free Vector Grunge Corners (.ai, .eps, .svg & .png)

Download Page →

Free Grunge Clip Art (.ai)

Download Page →

Zaruns Splatter (.eps)

Download Page →

Grunge by Blank: Vector Pack 3 (.pdf & .eps)

Download Page →

11 Vector Grunge Textures (.ai & .eps)

Download Page →

Vector Grunge Elements (.eps)

Download Page →

Grunge/Splat Vector Pack (.ai)

Download Page →

Splatter Vector Set (.ai)

Download Page →

25 Free Vector Grunge Patterns (.ai & .eps)

Download Page →

Grunge Styled Fonts

Epoxy History (tt)

Download Page →

Turbo Ripped (tt)

Download Page →

Trashed (tt)

Download Page →

Thirsty for Souls (tt)

Download Page →

Acid House (tt)

Download Page →

Crash (tt)Download Page →

Download Page →

Acid Label (tt)

Download Page →

Marcelle (tt)

Download Page →

28 Days Later (tt)

Download Page →

F-Rotten (tt)

Download Page →

Grunge PSD Web Layouts

Clean Grunge (Homepage & Contact Page)

Download Page →

Personal Page Template

Download Page →

Yellow Template

Download Page →

Grunge Email Template

Download Page →

Cauldron Template

Download Page →

GrungeFolio Template

Download Page →

Grunge Web Site Inspirational Showcase

Almanac

{ths}

New to York

Notch Studio

Daniel James Diggle

Natalie Sklobovskaya

RailsForZombies

Crssrd

Thread's Not Dead

Salt of the Earth

Frances Cycles

Team Fannypack

Siena Online

Von Dutch Originals

20 Top Professional Headline Fresh and Free Fonts

2011-08-12T14:25:00.000+05:30

For your content to make an impact with readers, whether that be web or print, you do need to have a title that is not only descriptive and attention grabbing but also designed clearly and legible. Choosing that font can be a very difficult task. You could search through the multitude of free font directories, and scan through their thousands upon thousands of fonts. But, the most of the fonts that you will find are not really suited for giving a professional look to your headlines.
To help with your search for a clean and professional title font we have twenty fresh fonts you may consider using. All of the below fonts have been confirmed to be free to use on either personal or commercial projects.

Quattrocento (TT)

License: SIL Open Font License (OFL).
Quattrocento Download Page →Google Web Fonts →

Dalle (TT & OT)

License: This font is free to use with no restrictions.
Dalle Download Page →

Elega (TT & OT)

License: This font is free to use with no restrictions.
Elega Download Page →

Piron (OT)

License: You can use this font freely for all your personal and commercial work.
Piron Download Page →

Maven Pro (OT)

License: This font can be used with @font-face and is free to use on the web for commercial and/or personal use.
Maven Pro Download Page →

Cabin (TT)

Cabin Download Page →Google Web Fonts →

Decani (TT & OT)

License: This font is free to use with no restrictions.
Decani Download Page →

Fanwood (OT)

License: MIT License – You can use this font for both commercial and personal use. Embedding and redistribtion are also allowed.
Fanwood Download Page →

Linden Hill (OT)

License: MIT License – You can use this font for both commercial and personal use. Embedding and redistribtion are also allowed.
Linden Hill Download Page →

Minaeff Ect (OT & TT)

License: Creative Commons Attribution 3.0 License – This font can be used free for any purpose, including online services, templates, themes or software.
Minaeff Ect Download Page →

Cony (OT)

Cony Download Page →

Terminal Dosis (TT)

License: SIL Open Font License (OFL).
Terminal Dosis Download Page →Google Web Fonts →

Candal (TT)

License: SIL Open Font License (OFL).
Candal Download Page →

Ubuntu Font Family (TT)

License: Ubuntu Font Licence – This font can be used, studied, modified and redistributed freely.
Ubuntu Font Family Download Page →Google Web Fonts →

Matilde (OT)

License: This font is freeware, you can use it freely for all your personal and commercial work.
Matilde Download Page →

Lato

License: This font is completely free for any desktop and webfont use.
Lato Download Page →Google Web Fonts →

GardenC (OT)

GardenC Download Page →

Infinity (TT)

Infinity Download Page →

Movavi Grotesque Black (OT & TT)

Movavi Grotesque Black Download Page →

JustVector Social Icons Font (TT)

License: This font is distributed under the Free Art License, and as such can be copied, distributed, transformed and used as you please.
JustVector Social Icons Font Download Page →Original JustVector Icons →

20 Amazing jQuery Plugins and 65 Excellent jQuery Resources

2011-08-12T14:19:00.002+05:30

1. jSocialize – jQuery version of mooSocialize!

Description: This is the jQuery version of the phenomenal mooSocialize (which was, obviously, built on the mooTools framework).
jSocialize allows you to integrate your bookmarks for every post on your blog, website etc.
By clicking the jSocialize button, a window will appear, which lets you choose your favorite Social Bookmarking Network. Having a thumbnail of each service beside the link, it’s easy to see and find the one of your liking.
It then opens up the page in a hovered layer. Click the X and the window closes.
Try the Demo you will love this.
Demo and Download: jSocialize Demo and Download Page.
Compatability: It’s been tested in Firefox, IE7 and Opera 9+.
Note: This is also available as a WP plugin.

2. jQuery Virtual Tour

Description:jQuery Virtual Tour allows you to add interactivity and transform a panoramic image into a virtual tour.
This is a pretty cool plugin that will give your readers a lot more detail within your image galleries. Recommended.
Demo: jQuery Virtual Tour Demo.
Download: jQuery Virtual Tour Download.

3. jQuery Shoutbox

Description:This shoutbox is a chat-like feature for your website that allows people to quickly leave messages without any form of user registration. As with most ajax there is no need for refresh making the effect very smooth. Unlike other shoutboxes this integrates seemlessly into your theme by styling the CSS file.
Screehshot: jQuery Shoutbox Screenshot.
Download: jQuery Shoutbox Download.
Developer: Ajaxdaddy.

4. Coda Bubble Tooltip

Description: This script will help you recreate the amazing puff popup bubble effect as seen on panic.com/coda. Inessence this is probably the best tooltip script I have seen. Its not a script for every site, but implemented properly it would look amazing.
Demo: Coda Bubble Demo.
Download: Coda Bubble Download.

5. Flexigrid – Data Grid/Table

Description: This is a lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
Features: Resizable columns ; Resizable height and width ; Sortable column headers ; Cool theme ; Can convert an ordinary table ; Ability to connect to an ajax data source (XML and JSON[new]) ; Paging ; Show/hide columns ; Toolbar (new) ; Search (new) ; Accessible API.
Demo: Flexigrid Demo.
Download: Flexigrid Download.

6. Humanized Messages

Description: Humane Messages is a system for displaying and temporarily logging non-modal messages, for use in web applications. It’s simply a large and translucent message that’s displayed over the contents of your screen. They fade away when the user takes any action. In practice, the message is both noticeable yet unobtrusive.
Demo: Humanized Messages Demo.
Download: Humanized Messages Download.

7. Img Notes

Description: A simple way to display notes over images when you roll your mouse over the image. This is not unlike the jQuery Virtual Tour, but a lot simpler to use.
Demo: Img Notes Demo.
Download: Img Notes Download.

8. Featured Content Glider

Description:This script lets you painlessly showcase new or featured contents on your page, by turning ordinary pieces of HTML content into an interactive, “glide in” slideshow. For the ultimate in the ability to customize its look, the pagination links are also ordinary links that you define on the page, but with special CSS class names inserted when it should perform a certain task. Visit the homepage to read about all the features. Excellent.
Demo: Featured Content Glider Demo.
Download: Featured Content Glider Download.

9. Anti-aliased Rounded corners with JQuery

Description:This is a variation of the very good jQuery plugin CurvyCorners, smaller file (in at 15kb) and runs a lot faster.
Demo: Anti-aliased Rounded corners Demo.
Download: Anti-aliased Rounded corners Download.

10. jqDnR – Minimalistic Drag’n'Resize

Description:jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. jqDnR provides the all the basic elastic functionality most dialogs will need. Basic and simple and easy to use.
Demo: Anti-aliased Rounded corners Demo.
Download: Anti-aliased Rounded corners Download.

11. jScrollPane

Description: jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style. You can easily control the apperance of the custom scrollbars using simple CSS.
Demo: jScrollPane Demo.
Download: jScrollPane Download.

12. jQuery Date Picker

Description: This jQuery plugin allows you to easily add “date picker” calendars to you HTML forms. These calendars make it much quicker, easier and less error prone for people to input certain types of dates.
Demo: jQuery Date Picker Demo.
Download: jQuery Date Picker Download.

13. jQZoom

Description: jQZoom allows you to realize a small magnifier window close to the image or images on your web page easily. Great for an image gallery.
Demo: jQZoom Demo.
Download: jQZoom Download.

14. jQuery Star Rating Plugin

This is a fully degradable plugin that creates the Star Rating interface based on a simple form structure. Simple and easy, I love it.
Demo, Download and Details: jQuery Star Rating Plugin Homepage.

15. jquery.combobox

jquery.combobox is an unobtrusive way of creating a HTML type combobox from a existing HTML Select element(s).
Features: Easy to set up ; Control over style of combobox using CSS ; Supports keyboard navigation ; Cross-browser support with Firefox 2, IE 6 and Opera 9 ; Different style of animation for dropdown ; Original Select html control is still available for access and control and reflects the user’s selection ; Works the same with forms and server-side form processing, retaining the original control’s ID and updated values.
Demo, Download and Details: jquery.combobox Homepage.

16. Scrollable HTML table

This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body rows in TBODY section, footer rows (if you need them) in TFOOT section.
Demo, Download and Details: Scrollable HTML table Homepage.

17. Accessible News Slider

Accessible News Slider is only 2KB compressed! I love this, very smooth, small file, and rich in detail. Its easy to install as well. Perfect.
Demo, Download and Details: Accessible News Slider Homepage.

18. Damn Small Rich Text Editor v0.2

This piece of code creates a Rich Text Editor (“RTE”) from an IFRAME element.This script’s purpose is to provide enough basic functionality while having the smallest footprint possible.
Demo, Download and Details: Damn Small Rich Text Editor v0.2 Homepage.

19. jFlow 1.2 – The Ultra-lightweight Fluid Content Slider

jFlow is a widget to make your content slides. One popular alternative that exists out there is coda-slider. jFlow is super lightweight because it is only 2kb minified!
Demo, Download and Details: jFlow 1.2 – The Ultra-lightweight Fluid Content Slider Homepage.

20. Easy jQuery Pull Quotes

Pull quotes, lift-out quotes, or call-outs are a handy method of drawing reader’s attention to a section of text. This enhances large blocks of text so the user could skim read them without missing the really important parts.
Demo, Download and Details: Easy jQuery Pull Quotes Homepage.
Below, there are 65 Excellent jQuery Resources (tutorials,cheat sheets,ebooks,demos,plugins…). Hope they help.

10 Excellent OpenCart Templates Your Customers Can’t Resist

2011-08-12T13:15:00.002+05:30

OpenCart is a popular open source PHP-based online e-commerce solution. It is know to be easy to install, it supports templates very well, have many add on packages and simply offers the features and capabilities needed by most internet merchants. It has order management and multiple payment gateways already built in and the developer provide lifetime free support and free software updates. Almost too good to be true right. What makes it even more attractive is the large availability of professional templates. You see besides having the right products and doing intensive internet marketing your shops look and feel, structure and ability to convert is essential to your success. In this articles I provide you with a list of really great templates for OpenCart making it easier for you to pick the right one. They are all available at Themeforest as low price but premium quality templates. With OpenCart (download here) and one of these themes you can have a great looking and professional shop up and running on no time. You should watch one of these screencasts if you want to know more about OpenCart.

OpenCart Template – ModernStore

ModernStore is a very advanced premium theme for OpenCart 1.4.9.3./1.4.9.4 The modern and universal design is suitable for almost every e-commerce site: kids boutiques, fashion stores, accessories, cosmetics, electronics, furniture or pet shop.

Columns: 2, Compatible Browsers: IE7, IE8, FireFox 3, Firefox 3.5, Firefox 3.6+, Safari 4, Safari 5, Opera, Chrome 4, Chrome 5, PSD Included: Yes

Shopper Land

Shopper Land is a 3 column, premium OpenCart 1.4.9.3/1.4.9.4 template with a custom Nivo slider module, custom category drop-down module and improved, jQuery powered catalog layout. This template comes with 5 color skins – Default Clean Version (pink accents), Blue, Green, Orange and Black. Compatible with OC 1 .4.9.3/1.4.9.4.

Columns: 3, Compatible Browsers: IE7, IE8, Firefox 3.5, Firefox 3.6+, Safari 4, Safari 5, Opera, Chrome 4, Chrome 5, PSD Included: Yes, Valid HTML: Yes

Sancart Opencart Template

Sancart a clean elegant professional shopping cart template made for opencart.

Compatible Browsers: IE6, IE7, IE8, FireFox 2, FireFox 3, PSD Included: Yes, Valid HTML: Yes

Vasco E-commerce

Vasco is a clean and modern template made for OpenCart. It uses beautiful Nivo Slider to present your featured products on the home page in order to decrease user’s clicks and increase your sales. The theme is kept throughout in warm and elegant colours and is a fantastic option for e-stores wanting to sell online. All the files + step-by-step installation guide are included and it will take you less than 10 minutes to install vasco.

Compatible Browsers: IE7, IE8, FireFox 2, FireFox 3, Opera, Chrome 4, Chrome 5, PSD Included: Yes, Valid HTML: Yes

Simplecart Opencart Template

Compatible Browsers: IE7, IE8, Firefox 3.5, Firefox 3.6+, Safari 5, Chrome 5, PSD Included: Yes, Valid HTML: Yes

My Stock Image Shop

My Stock Image Shop Opencart Template helps you to sell stock stuff online using opencart e-commerce cart, template works with latest version 1.4.9. Template best suits to sell stock images, e-books.

Compatible Browsers: IE7, IE8, Firefox 3.6+, Safari 5, Chrome 5, PSD Included: Yes, Valid HTML: Yes

CartMania

CartMania is very advanced, Premium Opencart 1.4.9.3/1.4.9.4 theme suitable for different types of e-shops.

Columns: 1, Compatible Browsers: IE7, IE8, FireFox 3, Firefox 3.5, Firefox 3.6+, Safari 4, Safari 5, Opera, Chrome 4, Chrome 5, PSD Included: Yes

Vintage Kicks

Vintage Kicks is a 3 column, simple theme for OpenCart. It breaks away from the usual default-looking Opencart theme, and much of the code has been reorganized and cleaned up for better, easier editing.

Columns: 3, Compatible Browsers: IE7, IE8, FireFox 3, Firefox 3.5, Firefox 3.6+, Safari 5, Opera, Chrome 5, PSD Included: Yes, Valid HTML: Yes

Sanstore

Sanstore Opencart Template Supports Latest 1.4.9 Version. Available with two slight variations.

Compatible Browsers: IE7, IE8, Firefox 3.5, Firefox 3.6+, Safari 5, Opera, Chrome 5, PSD Included: Yes, Valid HTML: Yes

Black Opencart Template

Clean Black Opencart Template works with latest version 1.4.9. The layout is an 3 column.

Columns: 3, Compatible Browsers: IE7, IE8, FireFox 3, Chrome 4, PSD Included: Yes, Valid HTML: Yes

45+ Fresh and Useful jQuery Plugins to Improve the Look and Feel of Your Website

2011-08-12T13:13:00.000+05:30

There are plenty of plugins for jQuery addressing nearly any front end need you can think of. The apparent abundance of plugins available on the other hand does not stop creative and skilled developers from creating even more goodies for the jQuery community.
jQuery is one of the most popularJavaScript framwork out there. It is very easy to use and full of cool features. It can be really hard for people with limited coding skills to use JavaScript, but I believe jQuery was a game changer in this area. It encapsulate all the tricky stuff and its plugin architecture have encouraged many skilled developers to offer amazing features for free by creating jQuery plugins. In most cases using a plugin and enabling the cool features requires absolutely minimum programming skills.
In this article we will feature fresh and useful jQuery plugins that will help you add beautiful effects that will change the look and feel of your website. Some of these plugins are not referred and yet its not proper to miss it. Enjoy!

1. RocketBar – A jQuery And CSS3 Persistent Navigation Menu

The way it works is that when a user lands on your page they get to see the default navigation as usual. If they decide to start scrolling however, the top navigation detaches itself from the page and follows you as you scroll down. If you decide to go back to the top of the page (for whatever reason) the navigation goes back to the way it appeared before. This technique isn’t just limited to showing you the default menu in a way that detaches itself from the page, but the code could very easily be modified to show a completely different menu for those that scroll down (eg. just the more popular items in your site navigation and perhaps some share buttons).

2. Super-Easy Animated Effects with jQuery

One of the lovely things about jQuery is it makes it ridiculously easy to animate page elements. Whereas you previously had to mess around with setTimeout() or setInterval(), and lots of JavaScript code, with jQuery you can work wonders with just a line or two of code.
In this tutorial we’ll cover some of the more common effects you can achieve with jQuery

3. jQuery YouTube TubePlayer Plugin

Basically this jQuery plugin implements the YouTube Player API pretty much to spec. I’ve omitted some functions but believe I have captured most of the functionality a developer will need to implement a youtube player.

4. CSS3 Rounded Image

This one is actually a small trick of jQuery which does the magic tag wrapping the image to generate a rounded border and inner shadow by wrapping a span tag around with the original image as a background-image. Nice trick!

5. Uploadify

Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language.

6. jQPlot

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features:

Numerous chart style options.
Date axes with customizable formatting.
Up to 9 Y axes.
Rotated axis text.
Automatic trend line computation.
Tooltips and data point highlighting.
Sensible defaults for ease of use.

7. ezMark: jQuery Checkbox & Radiobutton Plugin

ezMark is a jQuery Plugin that allows you to stylize Radio button and Checkbox easily. Its very small (minified version is ~1.5kb) compared to other similar scripts. It has been tested and works on all major browsers (IE 6/7/8, Firefox, Safari, Chrome) and it gracefully degrades.

8. jQuery color plugin xcolor

This plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors. Another useful method isReadable() completes the whole, by allowing you to check if a text is readable on a certain background. The color value can also be passed in different color models: RGB, HSV/HSB, HSL and their adequate alpha extensions.

9. Ingrid

Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.

10. jFormval

JFormVal is jQuery Plugin for form validation. It has been tested on all major browsers and works wonders!
Main features:

One line validation with method chaining
Bundle for error messages in different languages
Auto change css style of elements
Easy configuration

11. jQuery 2D Transformation Plugin

This plugin uses CSS3 transform effects to help you apply these effects to all browsers which support CSS3. Don’t worry about Internet Explorer, this script works well on IE 5.5+. You can use this plugin as a javascript animation library for any project.

12. jQGrid

jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl.

13. Sexy Curls jQuery Plugin

an open-source jQuery plugin which lets you share in the beauty of the page fold.

14. Apple Slideshow Gallery

A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

15. QuickFlip 2

QuickFlip works as the name. It’s very easy to implement and it provides an attractive alternative to other slower and more resource heavy Flash and jQuery flip animations. This plugin is really an effective way to flip content panel.

16. jQuery TOOLS

jQuery Tools is a collection of the most important user-interface components for modern websites.SlideDeck is a free jQuery slider plugin for making a web slide show presentation.

17. Unlimited Scroll using the Twitter API

Here’s a small jQuery example that features unlimited scrolling. Try scrolling the left division, and see the next tweets from my Twitter timeline get loaded automatically.

18. Canimate

With Canimate, you can take any series of images and, using the Canimate naming convention, have them animate at any speed. You can treat the element that holds the image just like any other, including giving it borders, dragging it, etc. Give it a try!

19. Sponsor Flip Wall

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.

20. Pines Notify jQuery Plugin

Pines Notify is a flexible jQuery notification plugin which is very easy to implement and having bunch of option for developers to display any kind of notification. The script is fully customizable since it uses the jQuery UI CSS library for styling.

21. A Colorful Clock

A colorful clock that helps you keep time in a special way.

22. Contactable

Contactable is a jQuery plugin designed to make contact/feedback forms simpler and more accessible. This plugin will enable you to create a contact form on any page of a site with minimal effort. If you have ever seen the feedback forms provided by kamypyle you will be familiar with the technique they use, however contactable makes this process even simpler by overlaying the content onto your page quickly and easily with a slide effect and inline validation.

23. Smooth Animated Menu

A jquery plugin that allows to make smooth animated menu.

24. LumeBox

This is an alternative lightbox script for jQuery which can parse the RSS of the post or page of your blog then displays images inside them (off course only with specific image group you defined). The script will open the image in popup just like other lightbox scripts.

25. Crazy Dots jquery plugin

This plugin takes a few CSS3 techniques which are: rotate, border-radius, and linear-gradients to make an ajax loader like effect. The plugin works even with IE browsers(depends on jQuery 2D Transformation Plugin above)

23. jQuery Apple-like Retina Effect

Inspired by Apple iPhone 4 promotion page but after publishing this tutorial, Apple already implemented this effect to their product feature page here. The tutorial show us how to implement a nice effect which can zoom-in the content in a magnifier. You can follow this tutorial to build a jQuery plugin for your own project.

24. CrossSlide

CrossSlide is a jQuery plugin implementing in 2kB¹ of Javascript code some common slide-show animations, traditionally only available via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself.

25. jQuery Constant Footer

This plugins will convert a static HTML footer into a fixed-position footer that is glued to the bottom of the browser window. The feature that I like much is you can parse the feed and display as a stories on the footer which is really useful for blogs, magazines…

26. UI Elements: Search Box with Filter and Large Drop Down Menu

A search box with a filter has a slick looking details. This search box will reveal a drop down menu after the user clicks into the input field when implemented to the page. With the filter built-in, users can select options for searching.

A good option for sites with a lot of navigation items. It’s such a sexy mega drop down menu element you should use.

27. BubbleUp jQuery Menu Plugin

BubbleUp is a jQuery plugin released from a jQuery tutorial Learning jQuery: Your First jQuery Plugin which helps you to create your first jQuery plugin. It’s not just for demonstration, it’s useable. With BubbleUP, images in a list will enlarge with a smooth animation when you move your mouse over it. Then, if you move the mouse out, it will reset to the original size with the same smooth animation. Imagine the Mac Dock effect, although this plugin’s effect is not awesome like that, it’s light weight for such a similar zooming effect.

28. gvChart

gvChart uses Google Charts API to create interactive visualization by using data from the HTML table tag. There are five types of the charts at your choice: AreaChart, LineChart, BarChart, ColumnChart and PieChart.

29. Simple unlimited levels vertical drop down navigation menu jquery plugin

Simple unlimited levels vertical drop down navigation menu jquery plugin

30. jDesktop

It’s a complete framework for making desktop-like environment in a web browser with very cool effects and animations. Remember to check the “Go 3D” effects to see how awesome it is.

31. AeroWindow – Plugin for jQuery

AeroWindow generates very cool Boxes in the Aero Style, inspired by the style of Window7. The popup window offers the usual options and full functionality similar to Windows modal windows.

32. Cloud Zoom

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

33. Nivo Zoom

Features

5 different zoom types
Optional overlay support
Supports HTML captions
Simple clean & valid markup
Loads of settings to tweak
Packed version only weighs 4kb
Free to use and abuse under the MIT license

34. jQuery Ajax Poll

In a complete tutorial, the author explains in detail how to make an ajax-based poll system with PHP, MySQL and jQuery. You can simply take the javascript part and this script can be implemented to any website quickly to interact with PHP and MySQL to create an ajax-based poll system.

35. jTweetsAnywhere

jTweetsAnywhere is a jQuery Twitter Widget that simplifies the integration of Twitter services into your site. The scripts comes with a bunch of features; As its name, you can implement an almost complete Twitter with just few lines of Javascript.

36. Beautiful Photo Stack Gallery

A fresh idea for a photo gallery. The idea is to show the albums as a slider, but in the stack view. We can browse through the images by putting the top most image behind all the stack with a slick animation. However, the plugin works if you use a Webkit browser like Chrome or Safari because of some Webkit properties. However, if you use it together with jQuery 2D Transformation Plugin above, you won’t worry about cross browser compatibility anymore.

37. Blur Gallery

This is little plugin for soft image blur effect on page load (and ‘clear’ on hover/rollover). The idea is pretty cool, the way to make blur effect is duplicating the original image to many then set opacity for each copy.

38. jQuery content feature like MailChimp

The plugin is using jQuery Cycle plugin to scroll images

39. Colortip

Yet another jQuery tooltip plugin which uses the title attributes of elements as a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design. Not much different to other plugins we knew, but it’s just fancy

40. jQuery Corner Demo

Have you ever noticed how designers seem to love rounded corners? To do this you used to have to make all kind of images then use some fancy CSS to get it all looking right. And once you get it working in Firefox or Safari you have to do it all over again for Internet Explorer. Good times.
jQuery corner is a cross-browser solution to those woes.

41. jQuery Hint

You will see a lot of web sites with search boxes have text already populated inside of the field and when you select the input text box it disappears and reappears when it’s not selected.
This tutorial will show you how can add a small amount of jQuery to add this feature to any of your web sites.

42. Overscroll

Overscroll is a jQuery plug-in that mimics the iphone/ipad scrolling experience in a browser. The plug-in adds a draggable drift to overflowed DOM elements as well as a set of fading ‘thumbs’.

43. jQuery Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.

44. jQNotice

A little small plugin for jQuery that allows you to show some notifications at the top of your website with just a simple line. You can use it by just call the following method:

jQnotice('Your notification');

45. jQuery Form Labels Plugin

Another awesome jQuery plugin to make caption for input fields. This jQuery plugin uses the form label as a caption. However, you have to implement jQuery UI for the plugin works.

46. Showloading

This plugin is designed to show a loading image over a specific area of the screen (e.g. a specific div or other dom element) while an ajax request is running.

40 jQuery Menu Plugins and Tutorials For Better Navigation

2011-08-12T13:10:00.000+05:30

jQuery is a lightweight, cross-browser compliant, incredibly awesome and extremely powerful JavaScript framework (library) that emphasizes interaction between JavaScript, CSS and HTML. With jQuery, you can change the look and feel of your website into something extraordinary and it is easier than you think. This way you are providing a different and very dynamic look and feel that users will typically love.
jQuery can allow for an enhanced user experience in a variety of ways, from image sliders and lightboxes, to tooltips, navigation menus and contact forms. When combined with other upcoming technologies like HTML5 and CSS3, the possibilities are nearly limitless.
Navigation is one of the most important elements in web design. It has to be neat, usable and creative at the same time in order to not scare your visitors away. jQuery is one of the most powerful tools to enhance your navigation and make it stand out. With jQuery you can bring together both the creative and usable. This post will roundup 40 fresh and superb jQuery plugins that will make your menus look awesome. With jQuery, you could make your website’s navigation look a simply stunning one! feel free to comment if i missed out some.

1. Mac Style Dock Menu in jQuery and CSS

If you are a big Mac fan, you will love this CSS dock menu. It is usingJquery library and Fisheye component from Interface and some of myicons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page.

2. MooTools Homepage Effect using jQuery

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked

3. Lavalamp

Lavalamp is a simple, ready to use JQuery plugin which allow you to create a stunning effect over your horizontal navigation bars. Nice to see, easy to implement.

4. jQCloud

jQCloud allows you to build neat cloud-shaped word clouds and tag clouds. Since this plugin produces pure HTML code, the word cloud layout can be easily personalized with custom CSS styles.

5. Superfish â€“ jQuery menu plugin

Superfish is a JQuery plugin especially dedicated to menus. It allows many improvement from what you can achieve with HTML and CSS as such as hover support for IE6, animations, keyboard accessibility and more.

6. OS X Finder-like ColumnView

This is a jQuery (1.4 as of writing) extension for mimicing the OSX Finder column behavior. You specify an initial element: $(‘#columnview’).columnview(); And the plugin takes the contents of that node and places it in the first ‘column’

7. vertical sliding JQuery menu

Your clients will love it, there’s no doubt about it. And even better, the tutorial will also teach you how to design that kind of menu using Photoshop.

8. jQuery for Background Image Animations

jQuery is a great library for this type of task but out of the box, it can’t animate background position properly because of the need to animate two values instead of just one (too bad not all browsers implemented the non-standard background-position-x and -y like Internet Explorer).

9. Puffer Fish Navigation

Rollover navigation with a glow

10. Accordion Menu using jQuery

11. jQuery Context Menu

ContextMenu is a lightweight jQuery plugin that lets you selectively override the browser’s right-click menu with a custom one of your own.

12. jQuery Menu Selector

This plugin makes menu items active by location path.

13. Slide Down Menu

The idea is to make a box with a menu item that slides out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

14. Apple style Navigation with CSS3 JQuery

Apple is known for very clean design and if you have been to their website in the last few years you’ve seen their primary navigation. It’s a staple of the Apple website and this plugin recreates Apple’s navigation using CSS3 and jQuery.

15. Smart Cart 2 – jQuery Sopping Crt Pug-in

It is very easy to implement and only minimal HTML required in smartcart. The selected items in the cart are accessible as an array of product/quantity pair delimited with ‘|’ on submit form or when checkout event is triggered. Smart Cart 2 have a simple and compact design with tabbed interface to save space.

16. Easyrpc

This is a synchronous and an asynchronous library to communicate with a server application with almost zero configuration.

17. Ninja UI

Ninja user interface is skilled in the techniques of JavaScript and CSS, going unnoticed until called upon to perform the arts of webjutsu.

18. jxSlider

jxSlider widget turns the selected DIV into a small embedded ajax tabbed-navigator. The ajax-loaded content will automatically and recursively be shown into the initial DIV.

19. Image Hover Move

A simple and practical navigation or featured image jQuery plugin.

20. jQuery Scroller

With jQuery Scroller you can create easily smart scrolling text, news ticker, or image animations with few lines of code in jQuery!

21. jQuery One Page Navigation Plugin

With this plugin you’ll make the page scroll smoothly when the navigation is clicked. It also automatically highlights the correct navigation section depending upon which section is scrolled to.

22. jCrumb

JCrumb is a JQuery plugin for instantly adding breadcrumbs to any webpage without the need to worry about sitemaps, or server side languages.

23. Autobrowse Endless Scroller

When run on a DOM element, this plugin will make the element grow and fill its content automatically when the user scrolls to the bottom of the element. The content is fetched via ajax, and the plugin keeps a cache using local storage.

24. WZSplitter

WZSplitter is a flexible, easy to use layout plugin. It helps end users to set up any combination of resizable panels just by providing a few configuration values.

25. iX Framework

iX Framework is a javascript GUI / Javascript Widget consist of comprehensive components, such as : Grid, Chart, Tree, Window, Panel, Field, Validation, Combo and more.iX Framework is a comprehensive, powerful and affordable professional web framework that remove the boundary between web and desktop application.

26. Subway Map Visualization jQuery Plugin

This plugin renders unordered lists into a subway map similar in style to the London Underground map. It emphasizes a clean, aesthetic look with curves and proper placement of markers for stations and interchanges.

27. Memu – A simple CSS / JavaScript / JQuery Menu

A small, solid jQuery plugin which is quite easy to use. It’s a menu which can be used with or without JQuery. What’s special about this script is the included plugin jstorage.js (which is some amazing work btw) to store the current item. So if you’re navigating around, the selected item will stay highlighted. This will spare you some server-side code. You can try this one by clicking on the menu item “File -> New”.

28. Dropp

Dropp is a jQuery plugin which replaces regular dropdown menus (

30+ jQuery Forms Plugins to Improve Form Usability

2011-08-12T13:05:00.000+05:30

Forms are essential for communication online and they are the single most important interface to collect information from users. Why not spice you forms up a bit and make your site more appealing and user friendly? This post will help you get an idea of what what is possible to achieve with a few lines of simple jQuery code ans the right jQuery forms plugins.

Skinning and improving look and feel of HTML forms with jQuery forms plugins

jqTransform

This plugin is a jQuery styling plugin wich allows you to skin form elements.

Checkbox and Radio Input Replacement

This combination of JavaScript and CSS will hide checkbox and radio inputs that have a class = “crirHiddenJS”, an id, and a proper label tag.
This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden input control. If javascript is disabled no inputs will be hidden and the form is still be fully functional.

Custom Checkbox with jQuery

This script provides you with the ability to customize the design of checkboxes in your web forms. You can use the default skin and the Safari skin which are provided with the package.

jQuery Checkbox

Provides for the styling of checkboxes that degrades nicely when javascript is disabled.

Pretty Checkboxes with jQuery

Turn check boxes into what you see below using some CSS and jQuery. You can see this simple demo here.

prettyCheckboxes

This script is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability.

Custom Form Element

Enhances checkboxes, radiobuttons, fileupload, textinput, textarea, select, submit, reset, image, all elements are completely stylable via CSS

jQuery Impromptu

Query Impromptu is an extention to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm.

Radio Button and Check Box Replacement
How to replace radio buttons and check boxes with jQuery.

Highlight

Highlight increases usability by highlighting elements as you interact with the page. Its primary use is for forms, but it can also be used for tables, lists, or any element you specify.

Justify Elements Using jQuery and CSS – Tutorial

When creating a web form you have to make a functional and visually aligned layout. The simplest way to do this is to place elements in a table or by fixing the width of labels. But what if you don’t want to use tables and you want to align input elements according to the width of the longest label? This small jQuery tutorial shows you how.

jQuery jNice

jquery.Combobox

An unobtrusive way of creating a HTML type combobox from a existing HTML Select element(s), a Demo is here.

Geogoer VChecks

Avery user friendly way to show checkboxes.

Styling input file

mcDropdown

mcDropdown allow users to select from a complex hierarchical tree of options.

ASM Select

This plugin provides an enhancement to multiple select boxes that is worth taking a look at.

Emblematiq Niceforms

Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can even develop your own look with minimal effort.

Uniform

Introducing Uniform, a plugin for jQuery that lets you style select, radio, and checkboxes however you desire.

jQuery UI Multiselect

Another attempt of a sortable, searchable multiple select widge. It depends on jQuery 1.3 and jQuery UI 1.7. The widget is styleable using Themeroller. It works in an unobtrusive fashion, by just turning html multiple select inputs into a sexier equivalent. There’s no extra markup needed.

Image buttons for jQuery Forms

File Style Plugin for jQuery

File Style plugin enables you to use image as browse button. You can also style filename field as normal textfield using css.

Make image buttons a part of input fields

If you ever saw how products like Microsoft CRM look like you probably noticed there are input fields that have “embedded” image buttons inside them. If your clients saw that, there is a probability that they will want to have it in their applications.
Whether you agree or not, here is how you can do it easily. So easily that you will have to add just a few lines of code and enable this feature in entire application.

How to create Skype-like buttons using jQuery

If you use Skype I am sure that you noticed that animated button for adding more people to a chat. When you click on it the icon on the left “jumps” for a few times. I love that animation. And that’s why I’m going to show you how to create the same button using jQuery and some simple CSS.

Simple Image Submit Button Rollovers with jQuery

Have you ever wanted a simple rollover technique with a form submission button? Something like this:

Labels and tooltips with jQuery Forms Plugins

In-Field Labels jQuery Plugin

This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.

jScratchcard plugin: documentation and demo page

2011-08-12T13:02:00.000+05:30

Demo 1 - Default options

Scratch below (with left mouse button down) to see the image!
This is the javascript code to launch jScratchcard with standard options:

$("#card1").jScratchcard();

Demo 2 - jScratchcard with gold card and callback function

Scratch below (with left mouse button down) to see the image!
This is the javascript code to launch jScratchcard text color demo:

var	callBack = function() {
	alert('ok');
};

$("#card2").jScratchcard({
	opacity: 0.5,
	color: '#D4A017',
	stepx: 15,
	stepy: 15,
	callCallbackPerc: 50,
	callbackFunction: callBack
});

Demo 3 - jScratchcard with silver card, no buttom mouse necessary)

Scratch below (without mouse button down) to see the image!
This is the javascript code to launch jScratchcard background-color demo:

$("#card3").jScratchcard({
	opacity: 0.05,
	color: '#98AFC7',
	stepx: 20,
	stepy: 20,
	mousedown: false
});

Documentation

To use this jquery plugin:

download jquery.jScratchcard.js and images files
download last version of jquery.js
include the js in the head section of the page:
```
...


...
```
in the read function launch the jScratchcard (Scratchcard effect on image) relative at your element:

Parameters:

opacity - opacity step when hover - default {'opacity': 0.2}
color - start background color - default {color: '#666666'}
stepx - x block dimension - default {stepx: 10}
stepy - y block dimension - default {stepy: 10}
mousedown - if true the left button of mouse must be down - default {mousedown: true}
callCallbackPerc - if valorized is the percent at which call callback - default: false
callbackFunction - callback function - default null

For comments see the blog page.

Download

You can download the entire archive:

jScratchcard.zip - a zip archive containing the plugin source, a minified version of jQuery and a demo page.

Or single file:

jquery.jScratchcard.js - js code.

original posted by: http://www.senamion.com/blog/jScratchcard.html

40 Top Flash Game Tutorial Roundup(learn flash game)

2011-08-12T12:59:00.000+05:30

Flash is a very versatile and mature technology used in a number of ways including game development. This however creating a game using can be a challenge for beginners. This is partly because flash can be quite hard to learn and master. On the other hand typically people knowledgeable with flash, finds it to be a very effective and rewarding tool, not only in making beautiful and entertaining games but also for web design and development. What is amazing about flash is its ability to present superior visual effects that integrates graphic motion, videos and sound.
To give you an idea how flash games are created, we are giving you this roundup consisting of a large flash game tutorial collection. Each flash game tutorial discusses the making of a complete game with its source codes and other essential guides. Use them to learn the process, tip and tricks and get started creating some games yourself by following these flash game tutorials.
We hope that you will find this article useful in improving your knowledge in developing flash games.

dvertisement

1. Create a Flash Racing Game

This flash game tutorial will teach you how to create a flash racing game in easy step by step procedure.

2. Create a Flash Ball Game with Visual from Above Tutorial

Create a Flash ball game with a visual from above and some decent graphics. It covers two types of gameplay: one with the ball that runs on a static stage, and one with a fixed ball with a scrolling stage. The aim of the game is for you to take your ball to the exit of each level avoiding any kind of traps.

3. Make Your Own Custom Minesweeper Game

Learn how to make a variant of the very popular Minesweeper. This will also give you a very clear idea on how to go about creating games in Flash.

4. How to Create a Random Wheel Game

This flash game tutorial will teach you how to make an exciting wheel game in an easy step by step process.

5. How to Create a Catapult Game

This tutorial explains step-by-step how to create a catapult game with a launching arm, trampolines, and fans. The tutorial assumes knowledge is how to create movie clips, how to draw, and basic actionscript. The rest will be explained.

6. Complete Flash Pool Game with Highscore flash game tutorial

This is an easy to follow guide on how to make a good and complete pool game with loading, splash, gameplay, game over, and highscore table.

7. Create a survival horror game in Flash tutorial- Part 1

Learn how to create the engine for a survival horror game with a very dark, claustrophobic ambient.

8. AS3 Character Movement: Helicopter Games

In this flash game tutorial you will learn how to make a helicopter that flies in any direction you want using the arrow keys.

9. Build a Mini Golf Game

This flash game tutorial will show you how to create nice Mini Golf Game with ActionScript 3.0. You will work with Event Handlers, Functions and also the Timer Object which is a really cool feature in AS3.

10. Creating a Flash Lite Game Tutorial

This flash game tutorial will teach you how to create a Flash Lite game playable on the Flash Lite Player version 1.1 – one of the earliest versions and most restricted, but the most widely spread version as well. This basic game could be created without using the advanced features provided in later versions. Adopting Flash Lite 1.1 will guarantee that the game will be compatible with the largest possible number of Flash Lite powered devices. This game is a very basic arcade game, the player merely collects the objects before they reach the ground. If he fails to collect three objects then the game ends. It will use very simple ActionScript concepts such as variables and conditionals. You really do not need to know much else.

11. Balloon Shooter

In this tutorial, you will learn to create a flash game (Balloon Shooter). It is a shooting game where player / user have to shoot the flying balloons and gain the points. There are orange colored balloons, which gives player / user extra bonus points. Player / user get 1-minute time to play this game, within this period he / she need to shoot as many as balloons he / she can. For every missed balloon, separate score is maintained.

12. Learn How to Make a Hangman Game

Hangman is a popular game which can be coded using a few symbols and a short amount of code. The object of the game is to reveal a word by guessing the letters of the word one by one. The player loses by guessing 5 incorrect letters. A random answer is selected at the start of each game.

13. A strange way to move the player with Flash

Learn the strange way to move the player with Flash in this tutorial

14. How to Create a Chicken and Eggs Game

This article is a tutorial which explains how to create a Chicken and Eggs game using Flash CS3.

15. Tutorial about the making of GuessNext

Learn how to make Guessnext, a simple card game with highscores. The aim of the game is very simple: from a deck of 52 cards, you have to guess if each card is higher or lower than the previous one.

16. Basedefender

The objective of this game is to defend the tnt beneath the grass by blowing up any incoming airplanes and the bombs they drop. If a bomb hits the grass, it will leave an impact crater. The game is lost when a bomb travels all of the way to the tnt. The airplanes appear progressively faster, as do the bombs they drop. A point is scored each time an airplane or a bomb is shot.

17. Creating a Vertical Shooter

In this flash game tutorial, you will create a game using our super hero Pawel to kill dragons that are coming from one side of the screen. You will be provided with an FLA with all of the graphics you will need, but you will need to place the graphics in the right spot. This tutorial is more of an explanation of the code with some design work as opposed to a fully-featured tutorial covering every aspect of a vertical shooter.

18. Playing Around with Elastic Collisions

In this flash game tutorial you will create a game where the objective is to prevent other objects from colliding with your cursor. You will not use Flash’s built-in hitTestObject() methods; instead you will write your own collision detection routines.

19. Create a 3D Sliding Puzzle Game in Flex with Actionscript 3.0 and Away 3D

In this tutorial we are going to build up a simple sliding puzzle. Puzzle images are dynamically loaded and sliced so you can easily use your own images if you like.

20. Build a Physics-Based Platformer in Under an Hour

In this tutorial, you will learn to make a physics-based platform game in the quickest way possible with the World Construction Kit.

21. Artificial Intelligence Series – Part 1: Path Finding

This tutorial is the first of three which discuss how to give some Artificial Intelligence (AI) to games and apps you create. In this first tutorial we are going to learn about path finding, where you can click a point, then another point and the AI will figure out a shortest possible path to get between them. You can use the drop-down list to select the AI algorithm to use. You might think that this sounds just too hard, but it is actually pretty simple! This tutorial will explain two key aspects of the AI in games and then create a cool game using what you will learn.

22. Deploy a Tank on a Mission in an Isometric War Zone

In this flash game tutorial you are going to create a little tank moving application. The core of this particular tutorial is to make a tank aim at the the mouse pointer and drive towards a mouse click.

23. Make an RPG-Style Text System for Your Next Game

In this tutorial we’ll be creating a text system similar to what you see in a lot of role-playing games. Our class will dynamically display an icon for the characters as they speak, and will type each block of text letter by letter.

24. Build an Intelligent Tic-Tac-Toe Game with AS3

“Tic-Tac-Toe, that’s boring!” you might think. In this tutorial I will show you that building a Tic-Tac-Toe game is anything but boring. It’s the ideal game to create when you would like to learn ActionScript 3.0. While building it you’ll learn a great deal about functions and event listeners, you will see how easy it is to customize the graphics of a game and you will even learn how to program Artificial Intelligence (AI)!

25. Conquer the Universe With ActionScript 3.0 and the Flixel Game Engine: Part 1

The Flixel game engine is an opensource ActionScript 3.0 framework written by Adam Atomic. Its aim is to take the donkey work out of building AS3 games, leaving you with all the fun stuff and saving heaps of time! In this, the first in a series of two screencasts, Shane Johnson takes you through the basics of Flixel, explaining how to build an awesome shoot ‘em up game from scratch.

26. Build Your Own OOP Connect 4 Game

OOP can make development faster, and your applications run faster. This tutorial will demonstrate how to build an ActionScript Connect 4 game, using an organized OOP approach.

27. Create a 3D Bowling Game with JiglibFlash and Papervision 3D

Here you will examine a way of using one of the more popular 3D engines, JiglibFlash, in conjunction with the prominent 3D engine Papervision3D to create a bowling game.

28. AS3 Flash Games for Beginners: Firing Weapons with Delays

So you need to create a weapon, maybe a laser, and you want your character to fire the weapon. At the same time, you want a nice delay between firing each round instead of a crazy Gatling gun effect. Well this Flash tutorial is for you. We’re going to learn to make our Spaceship fire lasers with a nice timeout between each fire.

29. Make a Flash game like Flash Element Tower Defense – Part 1

The concept in this game is simple: there is a road, and some minions walking that road. You have to kill all minions before they reach the end of the road. You can build several facilities to kill minions and earn money to upgrade weapons as the minions get stronger and faster. This first part of the tutorial, covers the minion walking. It’s a very complex task, that will require almost 30 lines!

30. Shooting Objects Flash Tutorial

This flash game tutorial will show you how to shoot missiles at objects in flash games. This tutorial is a continuation of the Basic Space Shooting Game Tutorial, where we’ll be making it possible to destroy asteroids with the missiles.

31. Creation of a game like String Avoider tutorial

A really interesting “avoidance game” that was made in those days is String Avoider. The author of this “More than 1 million views” game in Newgrounds explains it in 12 words: “Avoid colliding with walls and guide your string through each unique level”. And that’s it. The aim of the game is guiding your string through some levels without touching the walls.

32. AS3 Flash Games for Beginners: Using Frame Labels and Art Tweening

If you like using MovieClips to animate your artwork in flash then this is a great method for doing it. Not only for Flash Games but for any project in which you have an object that needs to undergo different animations based on conditions. However, this will work perfectly for our Flash Game. So in this series you are going to make our Stinger Ship EXPLODE when it gets hit by a bullet.

33. Create a flash artillery game – step 1

This flash game tutorial will teach you how to create a flash artillery game that shoot cannon balls like it do in the real thing.

34. Create a flash artillery game – step 2

This tutorial is a continuation of the first Flash artillery game tutorial found here. It will teach you how to add some details to make the game more interactive.

35. Create a flash game like Security – part 1

This flash game tutorial will teach you how to create a simple flash game wherein you will navigate through levels by using the arrow keys avoiding security traps and guards.

36. Create a Flash Game like Nano War

This tutorial will help you create a Flash game that resembles Nano War.

37. Creating a Platform Game

Platform games are an increasing popular form of game for online gaming. This tutorial will help you on your way to creating your own by deconstructing a very simple game.

38. Creating a Virtual Joystick for Touch Devices

A lot of Tablet Computers and Touch Screen devices have emerged, and it’s time to create games that have virtual joystick support on the screen for easier gameplay. Read on and discover how you can create a virtual joystick for your games on touch enabled devices.

39. Build a Minesweeper Game Within 200 Lines of Code

Minesweeper game consists of a group of squares where each square represents a region. Each region either contains a mine or not. Your mission is to reveal (or “open”) all the mine-free regions and mark the ones that contain mines. You open the region by left-clicking it, and mark a region by shift-clicking. The key for determining whether a certain region contains a mine or not is that for every 3×3 grid (9 regions) of squares, the number written on the region in the center represents the number of mines in the 8 other surrounding regions.

40. AS3 Character Movement: Asteroids Style 360 Degree Movement

One of the most important has got to be 360 movement based on rotation. It is called everything from 360 degree movement, rotational movement, directional movement, to asteroid style movement. Anyway you want to look at it, it’s a movement style that dates back to arcade games and is definitely a usable option in today’s flash game industry. This is what you will learn in this flash game tutorial.

20+ jQuery Image Sliders and Tutorials for Creating your Own

2011-08-12T12:54:00.000+05:30

Image sliders are very popular these days and found on many many websites. There are several interesting use cases for image sliders, however I think it is most common to use them on the front page to showcase featured articles or products. I’m a great fan of jQuery because it is easy to use, proven and then there are literally hundreds if not thousands of free plugins available. There is also a good selection of Image slider plugins available and I believe they improve all the time. In particular worth mentioning is that they are typically lightweight (fast download), feature rich and look professional. Lately some of them have got some really cool transition effects as well. In this article you will find both jquery image sliders plugins and tutorials showing you how image sliders can be created from ground up.

jQuery Image Slider Plugins

Coin Slider

As with most well written jQuery plugins you can get awesome features on your web pages with only a few lines of code. Coin Slider is an excellent script for showcasing images on a web site or blog, fx. an online portfolio.

Unique transition effects
Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
Valid markup
Flexible configuration
Auto slide
Navigation box
Lightweight (8kb only)
Linking images
Free to use under MIT licence
Fully customizable using CSS

Supersized

Awesome full size/screen slider.

Resizes images to fill browser while maintaining image dimension ratio
Cycles Images/backgrounds via slideshow with transitions and preloading
Navigation controls allow for pause/play and forward/back

Nivo Slider

Great and flexible jQueery slider with awesome transition effects. See for your self here. I personally thought it was flash when I first saw it! More details on features:

9 unique transition effects
Simple clean & valid markup
Loads of settings to tweak
Built in directional and control navigation
Packed version only weighs 7kb
Supports linking images
Keyboard Navigation
HTML Captions
Free to use and abuse under the MIT license

Nivo Slider has been tested in the following browsers:

Internet Explorer v7+
Firefox v3+
Google Chrome v4
Safari v4
Opera v10.5

Dragdealer

Dragdealer is much more than a simple image slider. It offers a wide variety of features related to dragging, but is also quite powerful for creating different types if image sliders. I recommend you go to the website and try out the demos.

Presentation Cycle

Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements.
Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear. Features:

Cycle through elements
Adjustable animation times
Generates a navigation bar that also shows the progress
Works in modern browsers

AnythingSlider jQuery Plugin

AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful.

Slides are HTML Content (can be anything)

Next Slide / Previous Slide Arrows

Navigation tabs are built and added dynamically (any number of slides)

Optional custom function for formatting navigation text

Auto-playing (optional feature, can start playing or stopped)

Each slide has a hashtag (can link directly to specific slides)

Infinite/Continuous sliding (always slides in the direction you are going, even at “last” slide)

Multiple sliders allowable per-page (hashtags only work on first)

Pauses autoPlay on hover (option)Link to specific slides from static text links

Easy Slider 1.7 – Numeric Navigation jQuery Slider

Great slider plugin for content and images. It is very easy to use – only a few lines of code is needed.

numeric navigation (as an alternative to next/previous buttons)
continuous scroll instead of jumping to the first (or last) slide
auto slide
continuous sliding
“go to first” and “go to last” button
hiding controls
optional wrapping markup for control buttons
vertical sliding
multiple sliders on one page

AviaSlider

Very feature rich and good looking image slider.

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

Internet Explorer 6 and higher
Safari 3 and higher
Firefox 2 and higher
Opera 10 and higher
Google Chrome 3 and higher
Checks for last 3 Browsers performed on Mac & Win

horinaja

Horinaja is a ready-to-use slide-show implementation, utilizing either scriptaculous/prototype or jQuery. A running example above

allows you to use a mousewheel for navigation.
automatically create slide indices (pagination), if required

jqFancyTransitions

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

‘wave’, ‘zipper’ and ‘curtain’ effect, plus options that can be used for custom effect.
compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

Agile Carousel

Jquery plugin that allows you to easily create a custom carousel. Call Jquery UI to enable many different additional transition types and easing methods. Uses PHP to draw images from the folder you specify. Configure many different options including controls, slide timer length, easing type, transition type and more!

Feature List

This jQuery plugin enables simple and easy creation of an interactive “Featured Items” widget.

Slick effect, no Flash needed
It’s just 2K
Reusable on multiple containers
Cycles items via slideshow
Can be styled with custom HTML/CSS

Galleria

Galleria is a JavaScript image gallery written in jQuery. Images are loaded one by one from an unordered list and displays thumbnails when each image is loaded. Galleria and a few themes are free to use under the MIT license. More advanced themes, better licensing options, support, integrations for wordpress etc. will soon be available as a premium membership.

loopedSlider

jQuery Image Slider Tutorials

Automatic Image Slider w/ CSS & jQuery

How to Create a Simple iTunes-like Slider

Animate Panning Slideshow with jQuery

A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

15 Useful jQuery Google Maps Plugins, Tutorials and Resources

2011-08-12T12:38:00.000+05:30

Google Maps is a very helpful tool to help us find businesses and other points of interest that we want to know about. Since its arrival, businesses have been integrating this tool on their websites to help people where to find them. Google Maps used to be a simple map although it requires a complex process to have it integrated on a website. Nowadays however, it is necessary that Google maps are attractive aside from its being informative to the audience. jQuery has taken this interactivity of websites to another level while making the process required in its preparation easier. With easy to use and install jQuery Google Maps plugins, we can now create simple, and attractive maps depending on our needs.

Useful jQuery Google Maps Plugins, Tutorials and Resources

1. jQuery Plugins for Google Maps by Dylan Verheul

If you want to put a Google Map on your web page fast and easy, then plugins are what you need. you just have to secure a valid Google Maps API key from http://www.google.com/apis/maps/ and look at the source code of its page if you want to know how to use the plugin. Markers can be provided by a jQuery object (containing elements in the geo microformat) or an array of objects that provide lat, lng and txt for the popup (txt being optional).

2. jQuery GPS

jQuery GPS is a jQuery plugin for people that want to add Google maps to their website, but don’t want their website to be bogged down with features they don’t need. Jquery GPS is a lightweight and simple solution to all your Google Map needs. Add inputs for addresses by simply adding default or custom ID’s. You can use any element to trigger the event! So it doesn’t need to be embedded inside a form. The default ID’s make it easy to create an application that will give directions and a highlighted map right on your website! jQuery GPS also has the ability for you to select the place the map shows when it first loads, and to open a toolip and load a graphic image on that starting location.

3. gMap jQuery Google Maps by Cedric Kastner

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. It has tiny line of code is being used to embed the map on your web page. 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.

4. jMapping by Brian Landau

This jQuery plugin for creating Google Maps from semantic markup, is designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML. The plugin tries to allow as much graceful degradation as possible by having the HTML be as semantic as possible. The plugin expect the HTML for the locations to be grouped under a common element. Additionally, it expects the links and Map Info Window content to be grouped under the location elements. It also expects the necessary metadata to be on the location element. This way the HTML semantically reflects that all of those parts and information are associated with the specific location or place.

5. Mapbox: Zoomable jQuery Map Plugin

The jQuery mapbox() plugin is for creating relatively small scale, zoomable, draggable maps with multiple layers of content. This framework could be applied to games, development plans, or any layout that could benefit from being able to zoom in and pan to get a better view. By default, the map will now zoom to the cursor position when the mousewheel is used. This is an intuitive means by which a user may explore different areas of the map.

6. gmap3

One of the finest Google Maps jQuery Plugin around is gMap3. It makes use of Google Map API version 3 to create maps with advanced features integrated on it. Google has been working on maps that users can easily add on their websites but nevertheless there are advanced features which are not easy to apply. With gMap3 you can manipulate your Google map version 3, in more ways unlike other Google Maps plugins.

7. gMaps: Google Maps jQuery Plugin

The bMap jQuery plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons. The plugin can manage a sidebar for you, one with a list of markers, one with a list of layers. The sidebars can be styled with CSS. The internal Google object is exposed, so you can continue to use all of the power of the Google Maps API. You can also access the internals of the bMap object. The newest version of bMap is designed to work with the latest version of the Google Mapis API V3. This means you don’t need an API key to have a map on your site, and you can make mobile applications even easier.

8. goMap jQuery Google Maps Plugin

goMap is jQuery v1.5 plugin using Google Maps v3. With its 1.3.1 version, you can have several maps in one page, show or hide markers by group and many more.

9. MobilyMap

MobilyMap is a jQuery Google Maps like plugin (7KB) that can create a Google Maps-like, draggable interface from any image. It features markers, displays HTML content when markers are clicked, remembers last position of the map (cookies), displays caption of the map and many more.

Useful jQuery Google Maps Tutorials

10. jQuery Google Maps Tutorial: #1 Basics by Marc Grabanski

In this tutorial, you will walk through the steps on how to get started using jQuery inside the Google Maps environment. It assumes nothing and each piece is explained in detail. If you want to integrate Google Maps into your site but you don’t know how to do it, then this tutorial is for you. It requires a very minimum number of codes, so it is very easy to follow.

11. Build a POI map using jQuery & Google Maps v3 (revised) by Bogdan Pop

This tutorial will teach you how to create POI (Point of Interest) map that displays multiple POIs all at the same time. It is short very easy to follow tutorial that will really help you create a very interesting Google map.

12. Embellishing Your Google Map with CSS3 and jQuery by Xavier Shay

This tutorial will be discussing the technique recently used by Xavier Shay to spice up the “Places to shop and eat” map on Vegan Melbourne, using a combination of the jQuery Google Maps API, jQuery animation, and some newer CSS effects.

13. How to easily add a Google Map using jQuery and an address in less than 5 minutes by Addy Osmani

Take a look at how to easily add Google Maps to your pages. Many of the examples online on how to use the Maps service rely on you being able to get the exact longitude and latitude of your location for the API to figure out where the location you want to show is displayed. This is a little too demanding for any business (or developer) to easily lookup and so Addy Osmani is sharing with you a much easier way of getting Maps on your site (whether you want to highlight one location or many)…and all you’ll need is the addresses!

Useful jQuery Google Maps Resources

14. Google Maps Mania

Google maps mania is a cool and interesting blog that tracks the websites, ideas and tools being influenced by Google Maps. It contains reviews and informative articles that talk about the way users benefit from Google maps. It is therefore a nice source of idea for you on how to integrate Google map on your website depending on your personal preference.

15. Google Maps Help Forum

This Help Forum which replaces the Google Maps Help Group, is a useful resource in finding answers to Google Map related questions and issues. With this Help Forum for Google Maps, it is now easier to ask questions, give answers, and share your Google Maps to others.

jQuery Tutorial: Building a jQuery Scroller

2011-08-12T12:36:00.002+05:30

If you’re working on a site where a number of important stories or features need to be showcased within a small area, a news scroller is a great option. Without taking up much page real estate, you can highlight several stories along with descriptions and links to view the details. The scrolling effect helps attract and hold user interest. In this tutorial, I’ll guide you through the easy process of creating this type of news scroller with jQuery. We’ll start with an HTML list of stories that’s styled using CSS, then use jQuery to make it automatically scroll. When the user hovers over the jQuery Scroller, it will pause so they can read the abstract and click the link if they’re interested.

Before getting started, be sure to view the demo to see how the scroller works. Here’s what the finished project will look like:

finished
jQuery Scroller Tutorial Details

* Technologies: HTML, CSS, JavaScript, jQuery
* Difficulty: Intermediate
* Estimated Completion Time: 20-30 minutes

Intro: Preparations

You should create an empty HTML file and save it somewhere convenient now; we’ll be working with it throughout this tutorial. Because we’ll be working exclusively with client-side code, there’s no need for a server – you can preview directly on your computer. In the demo files we’ll use inline CSS and JavaScript, but you can externalize these if desired.

Tip: For this type of tutorial, it can be helpful to use jsBin or jsFiddle to follow along. These free online tools let you experiment with HTML, JavaScript and CSS without having to create any files on your computer. Best of all, you can save, version and share your experiments. It’s a great way to perfect a technique without cluttering up your computer with tons of files.

If you’re creating your own HTML file, here’s the code you should have to start:

jQuery News Scroller

Note the designated places for markup, CSS and JavaScript. Additionally, note that we have included jQuery 1.6.1 from Google’s CDN.
Step 1: The HTML Markup

We’ll use a dedicated

to hold the scroller. In keeping with best practices, all of the content will be placed in an unordered list (

) for each separate story. By using an HTML list to define the links, we ensure that the ticker will gracefully degrade for users with JavaScript disabled, and that search engines will still be able to see and follow all of the links. Add the following HTML markup to your page:
- My Story 1
  
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  
  More...
- My Story 2
  
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  
  More...
- My Story 3
  
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  
  More...
- My Company's News Ticker
  
  © 2011 My Company
We have four items: three stories, then a quick ‘about’ item with a copyright. For each of the real items, there’s a title link to the story, a description, and another “more” link to the story at the bottom. If desired, you can customize this structure once you’ve completed the project. The nice thing about the way we’re going to build this is that you can place anything within the
items – including images or any other markup.

Update the list now to contain an
for each of the features you want in the scroller.
Step 2: Styling

If you preview now, you’ll see a simple HTML list of stories complete with links. Now it’s time to make the jQuery Scrollerlook nice and take the first step towards interaction.

We’re going to explicitly specify width and height dimensions for the wrapper
, then use the overflow property to make the user be able to scroll through the list of links (since there’s more content than fits within the specified size). In a minute we’ll override part of this CSS with JavaScript so that the scrolling happens automatically and no scrollbar shows, but we want the CSS default to allow for user control. This way, the scroller will still be usable even if the user has disabled JavaScript.

In the

45 Best jQuery Carousel Roundup

2011-08-12T12:30:00.001+05:30

In web design a carousel is an element giving visitors easy access to several content items. It is typically a dynamic scrolling list of items in horizontal order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation). Using sliding horizontal panels also known as Carousels and Sliders to feature top content is one of the strongest web design trends over the last couple of years. It’s a very effective method to increase the web site usability and engage the user. The reason for this trend is mainly the arrival of jQuery that have made it almost a “walk in the park” to add a jQuery Carousel or jQuery slider to a web site. Today there are many excellent free jQuery Carousel plugins available and it makes it difficult to choose the best. This article has been created specifically to help you get started using jQuery Carousels but you may also want to check out some jQuery sliders.

1. Agile jQuery Carousel

Highly customizable jQuery Carousel plugin so you can build according to your requirements. JSON data format is used to provide easier integration with external data or data from your CMS. Use it for agile web development. This is an all new version written from scratch. JQuery UI effects and the ability to read files on the server are no longer included. New features are added, such as “Control Sets” which allow for a more customizable setup. Now posted on Github for faster development. Agile jQuery Carousel examples.

2. Step jQuery Carousel Viewer

Step jQuery Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three “status” variables are here for that purpose.

3. jCarousel Lite

jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs.

4. jQuery Infinite Carousel Plugin

Unlike most carousel plugins which stop when they get to the last image, this one allows the show to go on infinitely without any user intervention.
If you have three images you want to display, after the third image has been displayed, the first image will be next. Through some clever JavaScript, images are shuffled around so that it appears as if the carousel is a true carousel and never ends.

5. jQuery Carrousel

Moodular is a jQuery plugin which allows to create carousel/slider very easily. Moodular comes from the contraction of two words : mood & modular.

6. jMyCarousel

jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

7. Rcarousel

rCarousel – yet another (but super duper) continuous jQueryUI carousel. It has lots of features and good examples.

8. Theatre Carousel

This jQuery Carousel can do both horizontal and vertical sliders and in particular the horizontal carousel looks awesome. Really simple to use and it has good control options.

9. Cloud Carousel

This jQuery carousel features optional auto-reflections, and the information contained in the Alt and Title tags of the images can optionally be displayed as you hover over each image.
There are some benefits to doing this kind of thing in JavaScript rather than Flash, not least of which is the ease of integration, small file size, SEO, and inherent degradability/accessibility. Not having another dev-tool in the workflow is another plus.
The carousel features realistic perspective. Many 3d carousels only apply perspective scaling to the size of the images, not their positions. This results in disproportionate gaps appearing between items as they shrink in the distance which looks odd.

10. jQuery Ms Carousel

Each carousel can have own look & feel and behavior. Put next/previous button wherever you want or don’t put anywhere its up to you. The most important part is; it returns a carousel object and do whatever you want.

11. Carousel WordPress Plugin
This is is an awesome and very powerful jQuery Carousel for WordPress. Really suggest you check it out if you use WordPress.

12. BX Slider

13. Floom (MooTools)

Floom is an extendible blinds-like slideshow widget for MooTools 1.3+.

14. RoundAbout for jQuery – cool and different jQuery Carousel

Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area.

15. Roundabout Shapes
Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offers eleven additional movements.

16. Wow Slider

WOW Slider is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns) and tons of professionally made templates. WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing.

17. Icarousel

Carousel is an open source (free) javascript tool for creating jQuery carousel like widgets

18. Carousel Slideshow

Carousel Slideshow is a fabulous DHTML script for the showcasing of images on your site. It displays images in a 3D, carousel fashion.

19. Carou Fredsel

20. jQuery Carousel plugin

This plugin has been rewritten using jQuery UI’s Widget Factory with a few extra features including autoScroll

21. Making Mosiac Slideshow with jQuery and CSS

22. Barousel

Barousel is a jQuery plugin to easily generate simple carousels where each slide is defined by an image + any type of related content.

23. 3d Carousel

24. Anything Slider

25. jDigiclock slider

26. Dual slider

27. Liquid Carousel

28. slides

Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

29. FBISCarousel

30. jCarousel

31. Feature jQuery carousel

32. K3d jQuery Carousel

33. Prototype UI Carousel

34. 3d Rotation Viewer

This cool stuff easily creates a 3D rotation viewer in UIZE that lets users rotate the view of an object a full 360 degrees using a mouse, or finger on the Apple iPad.

35. Full Page Image Gallery with jQuery

This is a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. This works with thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.

36.HTML5 Slideshow w/ Canvas and jQuery

This effect creates progressively enhanced slideshow with a fancy transitioning effect.

37. How to Create a jQuery Carousel with WordPress Posts

38. jQuery Carousel Gallery for WordPress

This plugin builds on the builtin WordPress gallery, and replaces any gallery inserted using the tag with a neat jQuery powered carousel. By carousel it means you can browse through all the pictures in the gallery and they’ll slide from the right to the left and seamlessly start over at the end.

39. Making an infinite JQuery carousel

40. Just Another Carousel

41. Supersized jQuery plugin

Supersized jQuery plugin is a full screen background and slideshow that you can use to satisfy the craving of your clients for big and wonderful pictures.

42. Avia Slider

This plugin features 8 unique transition effects, image preloader, autoplay that stops on user interaction and lots of easy to set options to create your own effects.

43. Thumbnails Navigation Gallery with jQuery

Thumbnails Navigation Gallery with jQuery is an extraordinary gallery with scrollable thumbnails that slide out from a navigation. It has a menu of albums where each item can reveal a horizontal bar with thumbnails when clicked. The thumbnails container will scroll automatically when the user moves the mouse to the left or the right.

44. Sideways – Fullscreen Gallery
Sideways is a simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.

44. Nivo Slider

Nivo slider is an awesome jQuery slider that features smooth transition, keyboard navigation and html captions.

45. JCoverflip
jCoverflip has been developed to enable fast and granular customization of the look and feel and feature set.

9 Cool jQuery Countdown Scripts

2011-08-12T12:27:00.000+05:30

I’m sure you have notices the countdown features on sites like RapidShare and MegaUpload that allow you to download files but make you wait a specified number of seconds before giving you the download link. You have probably also seen site that are not online yet using a countdown to tell visitors when to come back in a very dynamic manner. They can also be used to countdown to a release date of a game, a movie or to a party. Countdown script simply have a lot of useful use cases and the good new is that there are some really good jQuery scripts you can use for your site. In this article you will find all the useful jQuery countdown scripts available right now for free download.

jQuery Countdown

This is a jQuery plugin that sets a div or span to show a countdown to a given time. There are tons of options available and everything is supported by good examples and code snippets.

Demo

jQuery Countdown with Background and Overlay

Really cool countdown script. There is a full package for download with script, images, css etc.

littlewebthings CountDown

This is an Easy to use animated countdown JavaScript. It is jQuery compatible and easily skinable

Demo:

jQuery Countdown plugin that doesn’t sucks!

Countdown timer jQuery Plugin

A simple jQuery Plugin that countdowns how long it is from a date. Very easy to use and a good download package with everything needed to get started.

jQuery CountDown Plugin

This script allows you to create a rapidshare.com like countdown and to animate the CSS font-size of each second and present a reward at the end.

How can I make a jQuery countdown

This is a really simple script, but it is a countdown script…

The Countdown jQuery plugin (translated)

Easy to use countdown script. Unfortunately no demo or example.

jQuery Countdown Clock (wordpress plugin)

Display and configure a jQuery countdown clock on your sidebar, allowing you to style the result via custom CSS styles. Generates a countdown widget using jQuery. No Flash required, just a JavaScript enabled webbrowser. More advanced users can even use CSS to customize the appearance of the timer.

10 WordPress Plugins That Will Increase Your Search Engine Ranking

2011-08-11T23:17:00.000+05:30

A good search engine ranking will generates more organic traffic to your site.If you are using WordPress, don’t worry. WordPress already did the hard part for you. But, there are some SEO features that aren’t implemented in WordPress core. You can easily archeive these features by installing plugins.
It is totally up to you that how much plugins you need to install in order to get a better search engine ranking. But try to keep the amount to minimum so that you won’t crash your server. Today, we are going to look into 10 WordPress plugins that will increase your search engine ranking.

1. All in One SEO Pack

This plugin enables certain modifications to your WordPress blog to achieve Search Engine Optimization. For example, you can customize your post title, post description and post tags for individual post. Furthermore, this plugin also has features such as auto generates Cononical URLS for your entire WordPress site and select index/noindex for various archives pages.

2. Broken Link Checker

This plugin will monitors links in your site and list out links that don’t work or any missing images. The reason why this plugin is essential is because you may write an article and link to www.domain.com. This link may goes down in future and become dead ends for search engine. By using this plugin, you can get notifications immediately and remove these dead ends.

3. Google XML Sitemaps Generator

This plugin will create a Google sitemaps compliant XML-Sitemap of your WordPress blog. A sitemap will help search engine spiders to crawl your content. The generated sitemap also supported by other search engine such as Yahoo, MSN and Ask.com.

4. SEO Friendly Images

SEO Friendly Images is a WordPress optimization plugin which automatically updates all images with proper alt and title attributes. By having a proper alt and title tag for your images, you can get more traffic from Google Image Search. This blog had gain quite a large number of traffic from Google Image Search by doing so.

5. No Self Pings

Although internal linking in your own site help navigate user to your posts, but it actually decrease your page rank because of the self pings effect. This plugin will eliminate this effect by removing all pingbacks from own site and only receive back links from other sites.

6. Enforce www. Preference

One of the important search engine fact is that search engines will treat www.domain.com and domain.com as two different site. You can easily overcome this issue by enforcing this plugin. Note: All in One SEO Pack will overcome this issue for you. Make sure you check the Canonical option.

7. Platinum SEO Pack

This plugin covers all the features of All in One SEO Pack, but it does include more options compare to All in One SEO Pack. For example, it adds index, noindex, follow or nofollow, noodp, noydir, noarchive, and nosnippet meta tags to any post/page. But, most of my clients prefer All in One SEO Pack as they are used to it and reluctant to change.

8. SEO Smart Links

SEO Smart Links can automatically link keywords and phrases in your posts and comments with corresponding posts, pages, categories and tags on your posts. This will help navigating your visitors to other posts. The interlinking process happens automatically and what you need to do is configure it through the administration settings panel.

9. SEO Slugs

Long URL may have a better ranking in search engines because it will contain more keywords. But search engines like Google tends to ignore some common keywords such as “you”, “a”, “the”, and “what”. Removing these keywords will improve your search engine ranking. This plugin will automatically remove these unused common keywords for you.

10. Robots Meta

Robots Meta

15+ Useful Firefox SEO Tools For Serious Bloggers And Web Designers

2011-08-11T23:16:00.003+05:30

Search Engine Optimization, or SEO is the process of structuring your web page so that search engines can reach, read and index your page in a higher ranking and finally bring more organic traffic to you.
So, who should perform SEO for our websites, the web designers or the bloggers? Obviously, SEO should be done by web designers as well as the bloggers. Why i said so? Web designers should design the page structure so that the page can easily be read and indexed by search engine while the bloggers should make sure the articles contain keywords that can really generate traffic.
As a blogger, you are encouraged to use WordPress as your blogging platform. Why? Because WordPress has a lot of awesome plugins for SEO purpose and it is well-structure for SEO purpose.
Today, we are going to look into 15+ Useful Firefox SEO tools and extensions for bloggers. Web designers who run blog may also need these tools.

1. SEO for Firefox

SEO for Firefox is definitely the most powerful Firefox SEO plugin. This plugin pulls useful marketing data points and integrate into your search results. For example, it pulls the PR, delicious save counts, Technorati links, Alexa rank, WhoIs information and etc. You can selectively turn it on and off by using the icon at Firefox status bar.

2. SeoQuake

SeoQuake is a program that integrated in Firefox so that users can view a large number of search engine parameters on the fly. It consists of SeoToolbar, Seobar, and output of requested parameters on Search Engine Result Pages.

3. SEO Link Analysis

SEO Link Analysis enriches the link data in Google Webmaster Tools & Yahoo! Site Explorer by showing the PageRank of the linking page, the anchor text and whether the link is followed, nofollowed or no longer exists.

4. Rank Checker

Rank Checker is another tool from SeoBook. This tool can track and record search engine ranking for a page in Google, Yahoo and Microsoft Live Search. The results are saved in the PC, so users no need to worry about the privacy issue.

5. LinkDiagnosis Firefox Extension

This plugin allow users to see Google PR and anchor text of every backlink, most popular anchor texts and charts with breakdown of pagerank and link types.

6. Smart PageRank

Smart PageRank is a small, simple yet powerful Firefox extension that gain you quick access to Alexa Rank, Google PR, value, WhoIs and backlinks’ PR of the current page that you are viewing.

7. RankQuest SEO Toolbar

The Rankquest SEO Toolbar provides you quick access to more than 30 intuitive SEO tools. Example of the tools are Validation tools, Content tools, Meta tools, Popularity tools, Search Engine tools and SEM tools.

8. Quirk Search Status

SearchStatus is a toolbar extension for Firefox and Mozilla that allows you to see how any and every website in the world is performing. It provide a lot of useful information such as Google PR, Alexa Rank, Compete Rank, mozRank, WhoIs, quick link to robos.txt and sitemap.xml, and etc. You can easily access these information from the Searc Status icon at the status bar.

9. HTML Validator

I had covered this plugin from my previous post about useful Firefox plugins for Web designers and developers. So, why i am saying this plugin is useful for SEO? It is because errors in the HTML structure will affects your page ranking and this tool can helps you to validate those errors. Basically, you should ask your designers to perform validation using this tool before he passes the themes to you.

10. SEOpen

Provides some basic tools to help with search engine optimization. Including google backlinks, yahoo backlinks, PageRank check, http header viewer, and more. All features are available by right-clicking on an open area of a web page, or by using the included toolbar.

11. Google Global Firefox Extension

Google Global Firefox Extension lets users to view organic and paid Google search results as they appear in almost any location on Earth. You can access this tool from the content menu or toolbar.

12. Foxy SEO Tool

Foxy SEO Tool is a free, open source Firefox add-on that offers tools for search engine optimization (SEO), web traffic and page analysis, for webmasters and web professionals.

13. Socialphile

Socialphile Firefox Extension assists users with comfortable searching based on ranking of each search result at social news websites. It allows users to submit search result directly to social news websites. Currently, Socialphile only supports Digg.com, but the developers will add more social news websites in the future.

14. KGen

KGen allows you to get the most important keywords of a webpage. It’s really usefull to analyze the SEO strategy of your competitors or simply know what’s the main subject of a webpage.

15. Niche Watch Tool

Niche Watch Tool gives you backlinks number, indexed pages, keyword occurences on the page, page rank, all in anchor, all in title and all in text rank for both domain and webpage information.

16. User Agent Switcher

User Agent Switcher is a useful Firefox plugin which able to switch the user agent of the browser. Users can use this tool to pretend themselves to be a search engine and see what search engine sees the webpage.

Personal Facebook Fan Pages of Celebrities

2011-08-11T23:14:00.000+05:30

Facebook is the world’s largest social network which includes more than 600 million users. There is no surprise for anyone, those are just the stats. And it is absolutely normal that this online community starts drawing together ordinary people, sure-stars and business companies. Material market players transfer more and more assets into online sphere, celebrities promote themselves within social media and all these Facebook participants struggle for profits.
From those times when South America was discovered and naive Indians were tempted with ordinary shining glass pieces (or even earlier), people have a weakness for eye candy things and juicy colors. So, those who are dying to be #1 in social networks build their brands with engaging opportunities given by Facebook.
Marketing on Facebook includes Facebook pages, groups, ads, event, applications and personal profiles. And today we’d like to go into details on personal Facebook fan pages. These custom tabs look so fashionable and alluring like they are ready to do a quick step to a podium right now. Some of these layouts are real masterpieces and have a great influence on design trends of Facebook backgrounds. Indeed, a catchy look can draw attention of Facebook users to the brand which they could otherwise never notice.
Personal Facebook fan pages do not differ very much from corporate custom layouts, but still they are more personified. They also adore screaming and bright advertisements and catchy call-to-action phrases. At the same time personal Facebook fan pages are more likely to use music files to catch the audience’s attention. In a word, there are many tips and tricks on how to make people like you on Facebook but let’s mark out some personal Facebook fan page features.

Celebrities post thousands of their photos to attract the attention of the audience and to make them be interested in a star personality but not a scene appearance only.
The other way of Facebook fan pages’ personalization is comments on the wall and conversations with the existing fans. Usually people are less interested in haughty star which doesn’t answer questions and only spams with endless tour schedules and offers to buy concert tickets. That’s why celebrities tend to seem like ordinary people – they are ready to chat and to joke.
Musical tabs are preconditions of Facebook fan pages of every singer and songwriter. Often visitors are given a few songs to listen (and videos as well) and other records are accessible for fans only. This practice is wide spread for new fans engagement.
The reason to like the very this brand page is always in the public eye. Celebrities move hell to make you follow them. They promise special discounts or freebies, exclusive access to videos which are Facebook published only and other luring things for new followers. And they really do it.
.All kinds of arrows pointed at like button. They are an additional motivation and reminder to push the button.

All starry Facebook fan pages almost give a cry for how much celebrities like themselves and how they want you to adore them. You can believe these alluring slogans or pass them off but before making a decision just stop for a while and have a good look at these personal Facebook fan pages of celebrities. And then go and try them out!

Justin Bieber

Justin Bieber is a young Canadian singer and actor. Millions of young girls all over the world are mad about him. Do you want to know the reason of this craze? Then find out all details from Justin’s Facebook page.

Taylor Swift

Taylor Swift is an American county-pop singer, musician and actress. If you want to know more about her life and creativity then just listen to her albums ?they are highly autobiographical.

Gabriel Iglesias

Gabriel Iglesias is an American comedian and actor. He mixes storytelling with sound effects on the stage which brings a great pleasure and fun to the audience.

Katy Perry

Katy Perry (born as Katheryn Elizabeth Hudson) is an American singer and actress. She appreciates unconventional dresses and you’ll always recognize her by memorable and bright performances she makes.

Rihanna

Rihanna (born Robyn Rihanna Fenty) is an American pop, reggae and R&B singer (originally from Barbados). She has a brilliant voice and her body is covered with 11 tattoos. Her shows are worth being seen and listened and her Facebook fan page is very cool too.

The Beauty

An original layout of this Facebook fan page shows images in a very extraordinary way. It’s worth looking at.

Trey Songz

Trey Songz (born Tremaine Aldon Neverson) is an American contemporary R&B singer. He promises to show you passion, pain and pleasure in his songs.

Kesha

Kesha is an American pop-singer and rapper. She said that her records are a celebration of youth and life and going out and getting crazy.

LeBron James

LeBron James is an American professional basketball player. This three-time Mr. Basketball of Ohio in high school has many secrets to share with you on Facebook.

Lady Gaga

Lady Gaga (born Stefani Joanne Angelina Germanotta) is one of the most startling American singers, dancers and Djs. To be honest, she can be named a child of the Internet. Do you want to know why? – visit her Facebook fan page.

Keri Hilson

Keri Hilson is a young American R&B singer and songwriter. Also she’s been writing music for other artists since 2001 and, who knows, maybe the song you are listening now was written by this young talented girl.

Christiano Ronaldo

Christiano Ronaldo (Christiano Ronaldo dos Santos Aveiro) is a Portuguese football player. He is considered to be one of the best and the most respected players in the world.

Oprah Winfrey

Oprah Winfrey is one of the most respected and admired public figures today. She’s an American television host, actress, producer, and philanthropist well known for her award-winning The Oprah Winfrey Show.

50 Cent

50 Cent (born Curtis James Jackson III) is an American rapper and actor. This richest hip-hop performer releases new album every two years since 2003 and each of them is worth listening.

Avril Lavigne

Avril Lavigne is a Canadian singer, fashion designer, actress, and philanthropist. Avril Lavigne is a girl who knows what she wants, so if you are not afraid of being a bright personality then her music is for you.

Johnny Cash

Johnny Cash was an American country music singer, songwriter, actor, and author, who has considered to be one of the most influential musicians of the 20th century.

Jamie Foxx

Jamie Foxx (born Eric Marlon Bishop) He’d started off as a comedian and in a few years he rose to one of the Hollywood’s most asked-for actors.

Madonna

Madonna (Madonna Loise Veronica Ciccone) is an American singer, actress, writer, producer and entrepreneur. She’s the world’s pop idol and you should definitely know how her Facebook fan page looks like.

Reba McEntire

Reba McEntire is one of the most successful female recording artists in history. She’s called queen of country music and her Facebook brand page confirms it.

Jennifer Lopez

Jennifer Lopez is the world’s superstar for years. She’s a singer, dancer, actress and fashion designer at the same time. You can hardly find somebody who’s never heard about J-Lo.

Glenn Beck

Glenn Beck is a legendary American radio and television host, author, entrepreneur, and political commentator. He also hosts a Glenn Beck cable news show on Fox News Channel.

Taio Cruz

Taio Cruz (Jacob Taio Cruz) is a young British R&B, pop and electropop singer and record producer. He has only two albums but his hit-songs are sung all over the world.

Rajon Rondo

Rajon Rondo is a great basketball player of the Boston Celtics team. He’s talented and quick and his Facebook fan page looks extremely is a match for him.

Bart Johnson

A stylish dark colored design of this Facebook fan page will suit your taste. The more you look at this Facebook brand page the more you want to have something like that.

Michael Buble

Michael Buble is a 2011 Grammy winner at the category 揃est Traditional Pop Vocal Album? In Canada this romantic handsome fellow is a famous pop/jazz singer and actor.

Mike Posner

Mike Posner is a young hip-hop/pop singer. His unique style combines rap with pop hooks, with some electronica thrown in. You should definitely discover this guy for you.

Lil Wayne

Lil Wayne (born Dwayne Michael Carter Jr.) When he was 8 he wrote his first rhyme and when he was 15 his daughter Regginae was born. Are you interested in this rapper? Then, at least, look at his Facebook fan page.

Jillian Michaels

Looking for some tips to fit into a healthy lifestyle? Then enter the Facebook fan page of this beautiful lady. She definitely knows a secret of a fine figure.

Pau Gasol

Pau Gasol is a forward-center player for the Los Angeles Lakers of the National Basketball Association. By the way, Pau was the first Spanish player to compete in the NBA All-Star Game.

Janet Jackson

Janet Jackson in a singer, actor, dancer, producer. She’s in the list of the best-selling modern pop artists. She’s a muse of millions of world’s famous performers and her Facebook fan page is calling you to the world of music.

30 Interesting and Creative Logos

2011-08-11T23:12:00.000+05:30

Designing a company logo can be one of the hardest things to get right. In many cases, that small image tucked away on a website or business card needs to convey not only the name of the company, but the entire personality of the brand too. Logos that look interesting or unusual aren’t uncommon, but logos that are interesting and creative that also capture the company’s personality are rarer.
Browsing through creative logos can also be inspirational, and this post aims to be just that. Whether the logo is serious, fun, cheeky or respectable,we’ve aimed to pick 30 logos that represent the nature of the company and what they do to help get your creative juices flowing. You may want to have a look at our previous article for some typography logos too!

Sprout

Posie Cakes

Treehouse

Ideosa

Genius Mailer

Maca

Horror Films

Filmcenter

Doug Landscaping

Happy Quote

In The City Entertainment

Circus of Magazines

Double Vision

Swallowed Sun Brewery

Full Time Employment Agency

Twister Pictures

Sliced

Magic Custom Software

Rewind

Skytec

City Harvest Food Rescue

PR

IVR

Rate Your Burn

Rattlebox

Minigamed!

Pencil

Martini House

Infinity Crime Studio

Shift

How to Optimize Your Twitter for Search Engines

2011-08-11T23:10:00.002+05:30

Every good blogger knows that there is a world of opportunity in social media, especially the rapidly growing social media platform of Twitter. The site recently went through a redesign in order to make it even more user-friendly, and, as a result, activity within and around it is booming. So how can bloggers take advantage of Twitter? Well, for one, having a solid presence on Twitter is a requirement. But is this enough? Is interacting with your community on Twitter enough to drive traffic to your blog? It’s certainly important, sure, but there’s more you can do. Though you might not realize this at first, it’s actually possible to optimize your Twitter presence for search engines, thus benefiting your main blog. Here are a few things to consider as you reevaluate your Twitter presence.

Do you have the right handle and profile name?

These are perhaps the two most important parts of setting up a Twitter account that is search engine friendly. The handle, a username like @yourbrand, establishes a static url at twitter.com/yourbrand that search engines can index so that future information on your feed can be accessed and linked to quickly and easily. Likewise, your profile name, the name that appears next to your handle in the profile, further establishes your brand. Ideally, both of these names will target keywords related to your interests.

Have you written the right kind of profile?

Secondly, you should take the most important keywords and incorporate them into your profile. Just like any text on the web, your profile can be seen by search engines, so it makes sense to apply the same SEO tactics in this text as you would for any other blog post. Make sure you use all one hundred and sixty characters in your profile, and follow the usual keyword to content ratio.

Do you Tweet for SEO?

Just because you only get one hundred and forty characters for each Tweet doesn’t mean you can’t include some keywords to attract the attention of search engines. Have you ever Googled something and found that one of the first links pointed you to someone’s Tweet? That should tell you that Tweets do get searched, so you should include keywords, especially in the first few words of your Tweet in order to get maximum attention from searchers.

Do you use links?

There has been a lot of discussion about ‘nofollow’ and Twitter, but that shouldn’t discourage you from trying to get traffic and search engine recognition from your links. Because Twitter is so popular now, there are many other third party sites that aggregate Tweets for a particular niche, and these sites can determine their ‘follow’ or ‘nofollow’ policies. Better to count on your link spreading than to give up on linking. Furthermore, the more popular you are on Twitter, the better your link traffic will be. Because of this, you should use a url shortening service that allows you to track stats on your links. I recommend BitLy, which uses search engine friendly 301 Redirects, thus allowing the search engine to index the destination url.

Step By Step To Create Content Slider using jFlow, A Minimalist jQuery Plugin

2011-08-11T23:06:00.000+05:30

There are a lot of free scripts to create a content slider. One of the example is SmoothGallery by JonDesign. But, if you are using jQuery and don’t want to install another JavaScript library, then you may need to consider jQuery slider plugin.
Today, i am going to provide a tutorial on using jFlow, a minimalist jQuery plugin to create a content slider. Readers are required to have basic XHTML/CSS and JavaScript skills. I will provide a download link after this tutorial. This is the first tutorial post on WebDesignBooth, and i will write more tutorials in future.

So, let’s start to create our content-slider now. Download both jQuery and jFlow before you proceed.

Create a style.css file, and insert the following code into the file:

#jFlowSlide{ background:#DBF3FD; font-family: Georgia; }
#myController { font-family: Georgia; padding:2px 0;  width:610px; background:#3AB7FF; }
#myController span.jFlowSelected { background:#43A0D5;margin-right:0px; }

.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }
.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }

Open your main document and include the style.css, jQuery, and jFlow in the tag.

Then add this simple JavaScript code to define the settings for jFlow

Think #slides as a container, which contain all slides, while .jFlowControl is the controller which let us go to the individual slide. As you can see from the style.css, we have 300px .slide-thumbnail to display our image, 290px .slide-details to display our title and description. Besides these, we have 10px margin-left for the .slide-description and 5px padding for the .slide-wrapper. So totally we need 610px width. For the “height” setting, you need to estimate the maximum height for your content. Here, i will use 235px as an example.

Now is the turn to create the individual slide. The slide is contained in the #slides div. Here, i will conly show one slide. You may refer the source code for more info.
```
    
        
    

        

            
        
```
We will wrap everything in a .slide-wrapper class, and float our thumbnail to the left while our content to the right. Don’t forget to clear the floats also. Replace image, title, and description with your own content.
After that, we may add controls to the slides, which are resides in a #myController div.
```
Prev
1
Next
```
The .jFlowPrev and .jFlowNext are necessary controls to go to previous and next slides, while .jFlowControl is a “button” to jump to any particular slide. The number of .jFlowControl span is depends on the number of slides you have.
That’s all!! We had done everything. You can view the demo or download the source code to use in your own project.

Update:
You may download the auto scroll version here.

6 Free Icon Editors To Create and Edit Icons

2011-08-11T23:05:00.000+05:30

We use icons for our web designs, favicons and also Windows/Mac application. To create or edit an icon, you can use either powerful image editors like Photoshop, Paint.NET, premium icon editors, or just use a free icon editor.
Today, we are going to share 6 Useful Free Icon Editors where you can create and edit your icons for free. Some of them offer advanced features like extract icons from binary for free.
1. Greenfish Icon Editor Pro
Greenfish Icon Editor Pro is a very powerful icon editor. It is portable, with <1.8MB after unzip. It supports layer, able to create animated cursors, offers high-quality filters like Bevel, Drop Shadow and Glow.

2. IconFX
IcoFX is a famous icon editor which comes with a lot of features. For example, it supports Vista icons with PNG compression, batch processing for handling multiple files. Besides these, IcoFX supports resolutions up to 256×256 and able to import/export images from bmp, jpg, gif, png, jp2.

3. Sib Icon Editor
Sib Icon Editor is a free icon utility for Windows. It allows to create and edit icon images and manage icon files and libraries. With Sib Icon Editor, you can create/edit PNG icons, create/manage icon libraries, paste images in various formats directly into icons, extract icons from Windows executable files and even convert Mac icons to Windows format.

4. Stardock IconDeveloper
IconDeveloper is a program that makes it very easy to create your own Windows icons. There are 2 different versions for IconDeveloper:- Free and Enhanced($19.95). The free version is sufficient for normal uses while the Enhanced version adds features to convert other images format to icons, change the color/hue/gamma of icons and batch convert/colorize entire folders of images to icons.

5. aaICO Icon Editor
aaICO Icon Editor is a free, simple but great icon editor for designer. It doesn’t have much features and the interface is simple. This application is suitable for icon designer that just want to do some simple editing jobs.

6. LiquidIcon XP
LiquidIcon XP is yet another free icon editor which offer standard set of image editing tools. It has an icon extractor where you can extract icons from exe or dll files. LiquidIcon XP also offers several image manipulation functions such as Flip, Rotate and Reflect.

30+ Well Designed Online Shopping Carts

2011-08-11T23:01:00.002+05:30

There are more and more online stores within the internet. You can build an online shopping cart easily by using open source ecommerce shopping cart solution. After all, you just need to customize the look and feel of the website.
One of the famous open source ecommerce shopping cart software is Magento, and we had covered magento template in our previous post. A well designed online shopping cart will certainly bring you more revenue. So, it is advised that you put more efforts in your shopping cart’s design.
Today, we are going to look into 30+ well designed online shopping carts. We try not to cover those famous ecommerce websites such as Amazon and Ebay. The intention of this article is to share some simple and well design ecommerce websites with our readers.

1. Better Closet

2. Brand Neusense

3. bees and gees

4. Dripping In Fat

5. Candy Candy Jewellery

6. 14tracks.com

7. SuperPoke Store

8. Adventure Time

9. Koochycoo Baby Needs

10. The Organic Supermarket

11. Chop Shop

12. mia & maggie

13. Loop De Lou

14. crocs

15. inkd

16. hmv.com

17. Spreadshirt

18. Fashion Hire

19. Lane Bryant

20. Flax Matters

21. Ginger Pup Lane

22. GotMojo

23. Jme Collection Shop

24. iWorkwear

25. Kuhn’s Jewelers

26. LadyBugsPicnic

27. Macy’s

28. HelloThemes

29. bridge55

30. Threadless

31. RIPT Apparel

18 Useful WordPress Contact Form Plugins

2011-08-11T23:00:00.003+05:30

Contact Form is one of the most important page for all websites. If you are running an e-commerce website, you need a contact form so that your potential buyers can reach you to get more information. Even if you run a personal blog, you will also need a contact form so that bloggers from same niche or advertisers can contact you easily.
There are some great online form providers such as Wufoo and FormSpring. These services allow you to create contact forms, survey forms and registrations form easily without knowing much about web programming languages.
If you are using WordPress, then you can use WordPress plugins to build your contact form easily. However, there are a lot of Contact Form Plugins in WordPress Plugin Repository. Some of the plugins are rather too old, not able to support the latest version of WordPress or just having too little features.
So, we decided to gather 18 Best WordPress Contact Form Plugins that will suit everyone needs. These plugins are tested by us and support WordPress 2.9.1.
Updates: We have a full review for GravityForms. We did a deep explain for its features. Please proceed to the review if you want to know more about GravityForms WordPress contact form plugin.

1. cformsII

cforms is a highly customizable Ajax driven contact form plugin. It lets you to create multi page forms or multiple forms on one page easily. They are few more cool features such as Role Manager support, Tell-A-Friend, Fully localization, Backup and Restore. Antispam is also supported by using CAPTCHA or Q&A.

2. Contact Form 7

Another highly customizable form plugin. You can add fields and alter the look and feel of your contact form through CSS. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

3. Clean Contact

Clean Contact is a simple contact form for WordPress. It requires less to no configuration and able to run out of the box upon installation. You can specify the Thank You Message and also Thank You Url, which is the URL that users would be redirect to after the form is being sent.

4. Dagon Design Form Mailer

This plugin also known as Secure Form Mailer, offers a lot of features such as multiple forms, multiple recipients, auto reply, multiple attachments, message template system and also numerous security features.

5. MM Forms

MM Forms is an easy form build for WordPress, but it has a lot of features. With this plugin, you are able to create multiple contact forms for your site, spam filter with Akismet, protection by CAPTCHA, Ajax submission with jQuery and also custom fields. Some of the special features that offered by this plugin include saving form submission to database, export to CSV and even has a RSS feed for form submission.

6. WP Contact Form

Simple Contact Form plugin for WordPress. You can use this plugin to add contact form for both a post or page.

7. SimpleModal Contact Form (SMCF)

This WordPress plugin utilize both jQuery and its plugin SimpleModal for the modal dialog box. You can even insert the contact form to your template files. So, it is suitable for theme developer who want to include contact form in the template files.

8. Tiny Contact Form

A very simple contact form, without fancy features but you are allow to add contact form through sidebar widget or template files by calling the correct function name.

9. Scaleable Contact Form

With Scaleable Contact Form, you can have either Ajax or non-Ajax version contact form at no time. Extra fields can be added and set to both required or non-required. Able to add contact form to your template files too.

10. Visitor Contact Forms

To use this plugin, you need to create a contact form at http://www.visitorcontact.com/. After that, just fill in your form ID to the plugin page and you are done. There are a lot of cool features, such as Geocoding, Captcha Spam Protection, Contact Manager, Skype Status and much more.

11. Fast and Secure Contact Form

This plugin allows optional extra fields of any type: text, textarea, checkbox, radio, select. It doesn’t require Javascript and has very tight security features.

12. ONW Simple Contact Form

ONW Simple Contact Form is a small WordPress plugin that allows WordPress users to add contact form to any page or post through WordPress short code. However, users are not allowed to add fields to the form.

30+ Beautiful Dingbats And Symbol Fonts Suitable For Your Christmas Use

2011-08-11T22:59:00.002+05:30

We shared about Christmas Wallpapers to spice up your desktop last week. After that, we went through 60 useful resources for your Christmas projects. In that Christmas Resources article, we shared some fonts for Christmas use.
One of our readers had suggested that we share more fonts that related to Christmas. So, we decided to collect some really cool dingbats and symbol fonts and share with our loyal readers.
For your information, dingbats font is an ornament or character that created to be used in computer to describe fonts that have symbols and shapes in the positions designated for alphabetical or numeric characters. These fonts are linked to dafont.com page. Make sure you read the license term before download and use in your project.
Without talking much, let’s see these 30+ Beautiful Dingbats And Symbol Fonts.
4YeoXmas

Christmas3

Christmas Wreath

Christmas Time

Christmas Mouse

Christmas Debbie

KR Snow People

KR Eight Santas

KR Christmas Time

KR Christmas Dings 2004

KR Christmas Color Me

KR Christmas Candles

KR Christmas Bells

GE Comical Christmas

GE Christmas Joy

Faux Snow

Typographers Holidayfont

Toy Train

Sleigh Ride

SL Christmas Silhouettes

Santa Time

RYP Snata 1

Risus LCB Kringlebats

Noel Dingbats

XmasTyme

Xmas Promotions Symbols

Xmas One

Xmas Dings

Xmas Clipart

Xmas Clipart 2

Xmas Batzz

WM Christmas

The Best Blogger Tips services

Complete Scripts+Internet+Utilities+Whois+

Ultimate Grunge Toolbox for Web Designers

Grungy Seamless Backgrounds & Textures

10 Seamless Grunge Patterns (.png)

7 Grungy Wallpaper Photoshop Patterns & Texture Pack (.pat & .jpg)

7 Extreme Grunge Seamless Photoshop Patterns 2 (.pat & .jpg)

8 Tileable Grunge Textures & Pattern Set (.psd, .pat & .jpg)

Grunge Photoshop Brushes

Rusty Grunge 2 (37 Brushes)

Dirty Grid Brushes (15 Brushes)

Skullribbles (54 Brushes)

Plastered Prime (2 Brushes)

Textures (31 Brushes)

Floral Photoshop Brushes (66 Brushes)

Grunge Brushes (41 Brushes)

HR Grungy Texturing Brushes (15 Brushes)

Grunge Textured Photoshop Brushes (20 Brushes)

Texturitus (35 Brushes)

Grunge Vector Packs

50 Free Vector Grunge Corners (.ai, .eps, .svg & .png)

Free Grunge Clip Art (.ai)

Zaruns Splatter (.eps)

Grunge by Blank: Vector Pack 3 (.pdf & .eps)

11 Vector Grunge Textures (.ai & .eps)

Vector Grunge Elements (.eps)

Grunge/Splat Vector Pack (.ai)

Splatter Vector Set (.ai)

25 Free Vector Grunge Patterns (.ai & .eps)

Grunge Styled Fonts

Epoxy History (tt)

Turbo Ripped (tt)

Trashed (tt)

Thirsty for Souls (tt)

Acid House (tt)

Acid Label (tt)

Marcelle (tt)

28 Days Later (tt)

F-Rotten (tt)

Grunge PSD Web Layouts

Clean Grunge (Homepage & Contact Page)

Grunge Web Site Inspirational Showcase

20 Top Professional Headline Fresh and Free Fonts

20 Amazing jQuery Plugins and 65 Excellent jQuery Resources

1. jSocialize – jQuery version of mooSocialize!

2. jQuery Virtual Tour

3. jQuery Shoutbox

4. Coda Bubble Tooltip

5. Flexigrid – Data Grid/Table

6. Humanized Messages

7. Img Notes

8. Featured Content Glider

9. Anti-aliased Rounded corners with JQuery

10. jqDnR – Minimalistic Drag’n'Resize

11. jScrollPane

12. jQuery Date Picker

13. jQZoom

14. jQuery Star Rating Plugin

15. jquery.combobox

16. Scrollable HTML table

17. Accessible News Slider

18. Damn Small Rich Text Editor v0.2

19. jFlow 1.2 – The Ultra-lightweight Fluid Content Slider

20. Easy jQuery Pull Quotes

10 Excellent OpenCart Templates Your Customers Can’t Resist

45+ Fresh and Useful jQuery Plugins to Improve the Look and Feel of Your Website

1. RocketBar – A jQuery And CSS3 Persistent Navigation Menu

2. Super-Easy Animated Effects with jQuery

3. jQuery YouTube TubePlayer Plugin

4. CSS3 Rounded Image

5. Uploadify

6. jQPlot

7. ezMark: jQuery Checkbox & Radiobutton Plugin

8. jQuery color plugin xcolor

9. Ingrid

10. jFormval

11. jQuery 2D Transformation Plugin

12. jQGrid

13. Sexy Curls jQuery Plugin

14. Apple Slideshow Gallery

Rusty Grunge 2
(37 Brushes)

Dirty Grid Brushes
(15 Brushes)

Skullribbles
(54 Brushes)

Plastered Prime
(2 Brushes)

Textures
(31 Brushes)

Floral Photoshop Brushes
(66 Brushes)

Grunge Brushes
(41 Brushes)

HR Grungy Texturing Brushes
(15 Brushes)

Grunge Textured Photoshop Brushes
(20 Brushes)

Texturitus
(35 Brushes)