FLV Player is an open source & free resource to display FLV files on websites.

It is compatible with FLV version 1.1 & comes in 5 types:

• mini: player with a start/pause button & timeline control
• normal: mini + stop button
• maxi: normal + sound & fullscreen buttons
• multi: maxi + multiple video display option
• JavaScript: a player with no graphical interface but can be totally controlled via JS

The player can be controlled with keyboard for a better accessibility.

P.S. Download links can be found inside the "details" page of each player version.

Horinaja is a free slideshow script that comes in two versions: scriptaculous/Prototype or jQuery.

It slides contents inside an unordered list wrapped with a div whose class="horinaja".

The script has support for mouse wheel that only works when the slideshow is hovered which is a nice feature for not locking the scroll-bar of the browser.

It is possible to enable/disable slide numbers & define the seconds between transitions.

Open Web Analytics is an open source framework that developers can use to integrate web analytics into any application.

It is built with PHP & besides the standalone usage, it has built-in support for WordPress, Gallery & MediaWiki.

OWA comes with 2 APIs:

• PHP: which makes it easier to integrate into any PHP application
• JavaScript: for usage in non PHP pages/websites

It has powerful tracking/reporting features like heat maps, multiple websites, Google Maps integration, RSS/Atom subscription tracking &standard ones like:

• page views, visits, and unique visitors over time
• unique, new, repeat visitors over time
  
• Click-streams – view the actual click-stream of each visitor
• Click Tracking – Track where exactly on a web page users are clicking and view clicks by browser type
• Click Heat Maps – view a heat map of where users are clicking on your web pages
  
• Visitor Aging – understand the age of your repeat visitors.
• Canned and Custom Time Periods – generate reports using pre-defined reporting periods or custom date ranges
• Refering Page Analysis – View the title, anchor text, and surrounding text of inbound links from refering web pages
• View visits by user agent
• Track entry and exit pages
• Track pages by custom page type

The frameworks uses other open source resources like Open Flash Chart or PHP Mailer & requires PHP 4.2.2+ with GD enabled to run. 

With this 5th & last post of the "WRD E-Commerce Week" we will be modifying "our Ajaxed shopping cart" to create a one which is very ideal for designs with limited spaces.

The shopping cart will:

• be hidden at the top of the page that can be displayed with a show/hide link
• open when an item is added to the basket & auto-close
• require a manual "hide" click if opened manually
• enable us to delete products

Read the rest of this entry »

In this 3rd day of the "WRD E-Commerce Week", we will be adding a chic fly-to-basket effect to our previously created Ajaxed shopping cart using jQuery.

Rather than the complete HTML structure & PHP code that adds/removes the products, we’ll be focusing on the details related with  the effect.

To findout the details of the complete HTML structure & PHP code, please check our post: Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP. And, a full working example can be found in the download package.

Read the rest of this entry »

It is a clear fact that Ajaxed interfaces, if not overused, eases using websites so much.

For an e-commerce website, this can mean a better shopping experience for customers where they can concentrate more on the products which may result in better sales.

This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery & PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding.

The main functions of the cart will be adding/removing items to the basket without the need of refreshing the page & displaying the actions with effects.

Other Add-To-Basket Tutorials Built on This Example:

• Fly-To-Basket Effect With jQuery
• Ajaxed Sliding Shopping Cart With jQuery

Read the rest of this entry »

Uploadify is a jQuery plugin for implementing single + multiple file uploads easier & better.

It requires Flash (which completes the upload) & a server-side file in any language (. PHP one is included) which processes the uploaded file.

The plugin offers various options to control & customize the upload interface like:

• files types
• max. number of simultaneous files
• auto or manual start of uploads
• size limit
• callback on every step (onSelect, onCancel..)
• & more..

And, implementation is as simple as any other jQuery plugin; just by calling a function.

Gritter is a jQuery plugin for creating Growl-like notifications with ease.

The notification bubbles created looks very similar to the ones in Mac OS X & they can be styled easily if wanted.

It is possible to create multiple notifications where each of them can be controlled with their unique IDs.

They can be set to disappear automatically after x seconds or stay until removed manually with the "sticky" option.

You can also mention the speed of the fade effect used while the notifications appear/disappear.

TypeSelect is a JavaScript-based solution for using selectable custom fonts on the web.

It combines the power of typeface.js, jQuery, the canvas, toDataURL, CSS background properties & real overlayed text to accomplish this feature.

TypeSelect is very easy to understand & implement. It is totally controlled via CSS & no server-side files are required.

It has support for double/triple-click selections, UTF-8 characters & gracefully degrades in IE6.

On the other hand, currently, it has some limitations like unselectable text in IE, not being able to use :hover or line breaks & few more.

John Resig is sharing very functional script named Easy Retweet Button that will simplify "the sharing of your content on Twitter".

It is an unobtrusive JavaScript file for displaying a retweet link with a shortened URL via Bit.ly (similar to Tweetmeme) & number of clicks came to that content from Twitter.

Easy Retweet Button has 2 ready-to-go styles: vertical & horizontal. And it can be easily themed as only HTML, CSS & JavaScript is used.

It is possible to customize the "Retweet" text, prefix of the tweets (like RT @..) & Bit.ly username / API key to be used.

It offers various advantages like:

• speed: it works completely asynchronously
• tracking: all the tracking is done via Bit.ly & clicks from retweets can be tracked from a single interface

Steps For Using It With Wordpress:

This is nothing complicated but can save your time:

Read the rest of this entry »