Customer feedback quickly and easily -
Traffic Light Feedback

Posts Tagged ‘Javascript’

rsslounge is an open source, full-featured & web-based RSS feed reader application that is built with PHP-MySQL.

It allows you to read your feeds, categorize or filter them, set priorities & more from an Ajax-based slick interface.

PHP Feed Reader: rsslounge

Besides the standard feed items, rsslounge supports images & photoblogs.

For periodically fetching content from feeds, it offers 2 options: cron job or Ajax-based requests (that work while the application is running).

The application makes switching feed readers so easy with the OPML export/import functionality.

Also, rsslounge is a guide-like application for jQuery fans as it makes use of this library fully with the Ajax requests, accordions, sliders, modal boxes & more..

P.S. It works perfectly in all major browsers except IE.

CoolTips is an object-oriented, unobtrusive & lightweight class based on Prototype JS + script.aculo.us frameworks for creating good looking tooltips.

It doesn't need any inline JavaScript coding. Using the title attribute of elements is enough and CoolTips will convert them.

CoolTips: JavaScript Tooltips

The tooltips can be customized using a bunch of parameters or by CSS:

Besides the colors of background, borders & text, it is possible to set the opacity, appear/hide durations or enabling/disabling mouse follow effect.

Uki is a simple JavaScript user interface toolkit for creating desktop-like web applications with few lines of code.

The toolkit is fast. It uses progressive rendering, can render 30k+ lists & tables very quickly (which would normally take minutes in IE).

UKI: JavaScript UI Toolkit

It doesn't offer a complete JavaScript framework. Rather, Uki is totally focused on the layout and, if wanted, can be used with any JS framework.

Uki comes with a rich view-component library ranging from slider to list and splitpane (more is on the way like tree, grid views).

The toolkit works cross-browser & presents a demo for creating the Google Wave interface with 100 lines of code.

Feature List is a jQuery plugin for creating interactive "featured items" widgets.

It converts unordered lists into attractive interfaces which rotate in any given period.

jQuery Feature List

The plugin is lightweight (only 2kb) & can be completely customized with HTML/CSS.

Users can switch between tabs, and optionally, it can be set to pause on hover for easier browsing.

MooEditable is a MooTools plugin that instantly converts a textarea field into a WYSIWYG editor.

It has a slick interface & comes with only the frequently used items like text formatting, lists, inserting images/links & undo/redo.

The plugin can also switch between design & HTML modes.

If you'd like to improve it further or customize to your needs,  It has a very detailed documentation.

MooTools WYSIWYG Editor

TufteGraph is a jQuery plugin that can create standard & stacked bar charts inside any given element.

It it configured mostly by dynamic functions which simplifies the usage by allowing for a really compact API.

jQuery Bar Charts

A standard chart comes with no style but it can be totally customized with CSS (download package includes an example).

Important Info: The charts created work in major browsers. Although the example in the plugin's website doesn't seem to work in IE, the raphael.js file used can be replaced by the latest version of Raphaël JS library which will fix the problem.

JQuery Roundabout is an impressive plugin that converts HTML elements into highly-customizable & interactive turntable-like (and more) interfaces.

By default, it works with ordered/un-ordered lists but with a little configuration it can convert any nested HTML structure.

jQuery Roundabout Plugin

The plugin has a bunch of options for maximum customization like:

  • optional starting element
  • speed of the animations
  • opacity & scale of objects
  • ability to trigger animations from any element
  • disabling clicks
  • & more..

With the help of a complimentary plugin, named Roundabout Shapes, it is possible create too many different types of interfaces.

jQuery Roundabout can have have various uses from displaying images to creating form interfaces, animations, etc.

Meerkat is a jQuery plugin for creating a fixed content on the top or bottom of the page which keeps its position when the page is scrolled.

The content displayed can slide or fade in & can be configured with the options provided.

jQuery Meerkat

There is a close option, which closes Meerkat until the page has been reloaded, or a dontShow option, which closes it until the browser session has ended, or for a set amount of days, totally configurable.

It is also possible to define the background color, height & animation speed of the Meerkat easily.

The plugin is very useful for displaying sticky banners & notifications or creating a splash page (an example exists in the plugin page).

Magnifying GlassFor a website, gaining RSS subscribers requires hard work as visitors prefer to subscribe websites with fresh/quality content & expect this to be continious.

On the other hand, RSS subscribers are very valuable loyal readers which follow the website regularly.

So, for a website, it is very important to analyze "how visitors become RSS readers" like:

  • from which websites do they reach to yours
  • which page of yours is the one that gains you most subscribers, etc.

Google Analytics, besides all the simplicity it offers, has a very functional event tracking method for analyzing custom events which we will be using to track new RSS subscriptions and see how to analyzing them deeper.

 

Part 1 – Applying Event Tracking Code


There are currently 2 different versions of Google Analytics tracking code used:

  • The standard tracking (gaJsHost)
  • Asynchronous tracking – beta (_gaq)

The asynchronous tracking code has a major advantage over the standard version's event tracking which is: it will be able to track the clicks even if tha page is not fully loaded.

Codes for both versions will be mentioned.

Read the rest of this entry »

Clearbox 3 is a Lightbox-like modal box script to display images, image galleries & various other contents including Flash, Quicktime, Windows Media formats, HTML, inner content, etc.

It can show multi-line text information for any content displayed. And, as a unique feature, images displayed can be rotated with a click.

Clearbox - Lightbox Clone

Clearbox supports slideshow functionality and every aspect of it can be customized from the settings of the script.

It is friendly with Ajax & can display content via Ajax calls.

Also, its interface can be presented in any language by supplying a language file.

P.S. Clearbox is free for only personal use.

Uptime Robot
feed-holder
FeedBurner
  • PSD to HTML
  • PSD to HTML
  • activeCollab | Project Management
    MailChimp
    PSD to HTML

Vivvo CMS - Web Publishing at your Fingertips