Connect With WRD
feed via e-mail
feed via e-mail

Elijah Miller is sharing a very nice script, inspired from the iPhone-style-checkboxes for jQuery by Thomas Reynolds, for creating iPhone-like toggle switches with Prototype.

It is a very flexible resource as:

  • variable sizes of switches are created automatically
  • has support for dragging
  • sliding labels
  • offers iPhone compatibility

iPhone-Like Checkbox

How To Use It?

It converts the visual output of a checkbox & displays the standard checkbox when JS is disabled (unobtrusive).

To make it work, calling a simple function mentioning the ID of the checkbox & values is enough:

new iPhoneStyle('#variable_size_a_b', { checkedLabel: 'A', uncheckedLabel: 'B' });

That’s all.

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

Free FLV Player

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.

GetSimple is an open source XML-based CMS application that is very easy to setup & customize.

The use of XML rather than a SQL database for storing the data makes it ideal for small websites. But this is a "plus" on the performance side as the risk for a "possible slowness while connecting to a SQL database" is eliminated.

GetSimple PHP CMS

GetSimple is built with PHP & offers a great feature which is the ability to "undo" almost every action, a time-saver on mistakes made.

The application has a simple & slick admin interface that is so easy to learn.

With a detailed documentation, it is possible to findout the details of GetSimple like "theme customization" or "how to create a contact form".

And, GetSimple enables you to backup & restore the entire website with just a click.

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.

Scriptaculous Slideshow

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.

Open Web Analytics

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. 

Monoslideshow, a beautiful & customizable Flash image / video viewer, is giving away 3 licenses (€ 25 value/license) to WebResourcesDepot readers. Details on joining the giveaway can be found at the bottom of the post.

What is Monoslideshow?

It is a flexible XML-driven Flash image & video viewer to easily display them on your website with style.

Whether a professional portfolio or a simple image rotator, Monoslideshow can handle them all.

Flash Image - Video Viewer

With over 500 options like:

  • dimensions
  • custom fonts
  • enable/disable startup logo
  • background sounds per media

& 10+ professional effects, creating something unique is not difficult. Also, besides the XML file, various settings can be configured via the JavaScript & AS3 API.

The media presented in Monoslideshow can be categorized inside albums & quickly switched between with a "click" for faster browsing.

Another great feature is the RSS support which makes it possible to create image slideshows from Flickr, etc.

How To Win The Free Licenses?

You have 2 options to join the giveaway where you can do both of them to increase the chance of winning:

Winners will be selected randomly on 10 August 2009 (1 week later).

Good luck to all.

This is a free Flash image viewer with a magnifying glass created by the talented team at Flabell.

It is activated once the user hovers the image which makes it very functional specially for e-commerce websites presenting products.

It is possible to customize various variables from XML or HTML:

  • image path (image of any size)
  • the display area size
  • the lens size

Free Flash Magnifying Glass

P.S. Download requires free membership.

Divine is a fresh & free Photoshop plug-in for converting Photoshop files into WordPress themes.

It works by selecting spots in design files & marking them as WordPress variables like:

  • post title
  • post text
  • author link
  • etc..

PSD To WordPress Photoshop Plug-in

It produces valid XHTML-CSS code & themes are automatically widget-ready.

Divine has an integrated FTP-client & it is a very ideal plug-in for anyone who is not that into coding and/or WordPress theming.

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

Ajaxed Sliding Shopping Cart


Read the rest of this entry »

E-commerce has its own dynamics when compared to the standard shopping experiences. It:

  • is faster
  • requires collection of data
  • includes shipping more frequently
  • has different ways of supporting users
  • & more..

E-Commerce Tips

If the product sold is not something unique, then it probably exists in 100s of other e-commerce websites. So, to differentiate your stores from others, here are 13 tips for a better e-commerce website:

Read the rest of this entry »

Uptime Robot