Reader
You are here: Home / Archives for 2009

Archives for 2009

Easily Track and Analyze Web Applications with Open Web Analytics

Last updated on by Gabriel Livan

Open Web Analytics (OWA) is a PHP web analytics framework useful to track and analyze any web applications. It comes with built-in support for popular web applications such as WordPress and MediaWiki.

owa-dash

Features include:

  • Iinvoke OWA from JavaScript or from within your PHP application
  • Comes with a full featured WordPress plugin that integrates the OWA
  • Comes with a MediaWiki plugin that provides tracking of MediaWiki articles and special pages.
  • Track Page views, visits, and unique visitors over time
  • Track unique, new, repeat visitors over time
  • Click-streams; Click Tracking; Click Heat Maps
  • RSS/ATOM subscription tracking
  • Visitor Aging
  • Canned and Custom Time Periods
  • Refering Page Analysis

OWA was born out of the need for an open source framework that could be used to easily add web analytics features to web sites and applications.

simpleCart(js) 2.0 – An Easy to Use Lightweight JavaScript Shopping Cart

Last updated on by Gabriel Livan

simpleCart(js) is a lightweight, fast, and simple to use fully customizable JavaScript Shopping Cart. You do not need to have any programming knowledge to use it. All you need to know is basic HTML to setup this small (under 20kb) shopping cart.

Features include:

  • Very easy to use (you do not need any JavaScript knowledge; you can add items for sale with simple HTML class names.
  • Multiple currencies (sell items in GBP, Canadian Dollars, Euros etc.)
  • Tax Rates
  • Works with PayPal and Google Checkout
  • You can increment, decrement, and remove buttons to your cart.
  • Flexible Cart Options (Items can be rearranged, the HTML tags as well etc.)

simple-cart-js-large

simpleCart(js) 2 was completely rewritten from scratch to bring you a more flexible and simple API to get a custom shopping cart up and running quicker than ever.

Easily add Captions to your Images with jQuery and MooTools

Last updated on by Gabriel Livan

jCaption is a JQuery Plugin designed to make adding captions to a page very simple. It uses an attribute of the image element to build the markup for a caption. The plugin allows for both arbitrary styling and mark-up.

jcaption

Features include:

  • Animated captions (the duration of the animation can be specified)
  • Follows JQuery conventions
  • Arbitrary markup (other markup, besides the tag that is required, is arbitrary)
  • Allows placement from text-editors

Web-Editors like tinyMCE or FCKditor allow users to align images to the left or right of text. Depending on the version, this is accomplished using the “align” attribute or “style” attribute. This plugin accomodates both and makes sure that the caption is correctly placed as well.

ImageCaption is a very customizable and painless to style MooTools 1.2+ plugin for easily adding figure captions to image elements on a web page. It follows standard MooTools coding style and documentation.

mootools-image-caption-plugin

Auto-Growing Textarea with jQuery and MooTools

Last updated on by Gabriel Livan

AutoGrowing Textarea JQuery Plugin was inspired by Facebook’s auto-expanding text areas and makes it easy to have auto-growing textareas. The textarea grows and shrinks to fit it’s content, but does not exceed the minimum height you specify via CSS.

jquery-growing-textarea

Required TextArea CSS Attributes:

  • line-height
  • min-height

You are required to have some basic styles for your textarea for it to work properly, but it’s really not that hard. The solution is simply to create a hidden div that mimics the textarea’s style and then when the height of the div surpasses the height of the textarea, we adjust the size of the textarea.

Flext: MooTools Auto-Growing Textrea Plugin, by Graham McNicoll

flext-mootools auto-growing-textrea-plugin

Features include:

  • Very easy to implement
  • Grows text areas when needed
  • Maximum Height to Grow To
  • Can grows parents if they have a fixed height
  • Ghost text/text overlay for input context and help
  • Text input emulation (enter can submit form, instead of new line)

UIZE, a free powerful Open Source object oriented JavaScript Framework

Last updated on by Gabriel Livan

UIZE, free open source JavaScript ToolBox allows you to create more effective user interfaces in your Web-Based applications and services. This framework implements systems for JavaScript Inheritance, JavaScript Events, JavaScript Templates, JavaScript Widgets, JavaScript Code Compression and many more powerful capabilities.

uize

Features include:

  • It is server agnostic (can be used with any choice of server language and platform)
  • Does not extend native objects, and supports interoperability with other libraries that adhere to this principle
  • Supports widgets, AJAX, DOM, templates, and more

You can call it an “Ajax Framework”, an “Ajax Toolkit”, a “JavaScript Framework”, a “JavaScript API”, a “JavaScript Toolkit”, a “JavaScript Toolbox”… whatever you like! We call it the UIZE JavaScript Framework (or just “UIZE” for short).