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

Archive for the ‘BSD License’ Category

jQuery Sparklines is a plugin for creating sparklines on the fly.

What is a sparkline:

Sparklines

They are data-intense, design-simple, word-sized graphics that are commonly used in market, stock activity and can be implemented anywhere (via Wikipedia).

This plugin supports:

  • Line graphs
  • Bar charts
  • And, tristate charts

jQuery Sparklines

jQuery Sparklines plugin can be used to create graphs from data inside the HTML or via JavaScript. Almost every variable of it can be customized including colors, size & chart type.

Flickr’s Flash file uploader is one of the most functional uploaders a developer can think of.

It supports:

  • Multiple file selection in a single "Open File" dialog.
  • File extension filters for easier selection.
  • Upload progress tracking.
  • Filename, size, date created, date modified, and author can easily be extrated.

This flash file uploader is avaliable as the YUI Uploader component.

Flash File Upload

You can also include additional data in the upload POST request.

And, upload component provides faster file upload on broadband connections due to the modified SEND buffer size.

Bubbling Library is an easy to adopt Yahoo! User Interface (YUI) Library extension for event-driven applications.

It consists of a set of plugins, behaviors and widgets.

YUI Extensions

This YUI extension has the following features:

  • Plugins
    • Dispatcher
    • Lighter
    • Form Manager
    • Sound Manager
    • Translator
  • Widgets
    • Accordion Manager
    • Loading Mask
    • Tooltip Manager
  • Behaviors
    • Bookmark Links
    • RSS Feed Links

Bubbling Library is well-documented and has lots of examples of every feature.

SoundManager is a Javascript Sound API which  effectively maps most of the native sound capabilities of Flash 8 to Javascript.

It enables you to control sound in a cross-browser/platform environment, using a language you already know.

Sound Manager

A sample SoundManager code would be:

soundManager.createSound('myNewSound','/path/to/some.mp3');
soundManager.play('myNewSound');
soundManager.setVolume('myNewSound',50);

You see that it is really easy. This JavaScript Flash Sound API has other powerful controls like:

  • stream
  • autoplay
  • onid3 – for ID3 tag displaying
  • whileplaying
  • and more..

Using SoundManager, you can easily create sound based web applications or more interactive background sounds for non-Flash websites.

Virtual keyboard interfaces are generally used in websites where the highest level of security is a must like online banking applications.

Virtual keyboards help us to prevent any keylogging activies and/or provide users a special keyboard which they don’t already have (like a keyboard of another language).

This virtual keyboard very easy to use and already supports many languages.

Virtual Keyboard

How to use virtual keyboard?

You simply include the keyboard.js file and create a text element with the class = keyboardInput. That’s all.

htmlSQL is a PHP class for querying HTML using a SQL-like query.

It saves you from writing complex regular expressions to extract values.

htmlSQL example:

htmlSQL Query

This query returns an array with all links that contain the attribute class="list".

Isn’t it great?

How to use?

You simply insert the PHP files from th download package and that’s all.

Online image cropping is a widely used feature in web applications.

Prototype JavaScript Image Cropper UI is an unobtrusive script based on Prototype and script.aculo.us.

It allows you to select any area in an image and gives the x, y, x1, y1, width and height values which are enough for a succesful image cropping.

Prototype Image Crop

This Prototype image crop UI also has ratio locking, selected area preview and minimum height – width options.

Exhibit is a three-tier web application framework written in Javascript which makes it easier to show a few hundred records of data on maps, timelines, scatter plots, interactive tables, etc., without any programming knowledge.

Interactive JavaScript Framework

In order to use Exhibit, writing a simple data file, and an HTML file that specifies how the data should be shown. Data + Presentation. That’s all.

Exhibit can be used as a web service like Google Maps without installing any software or source code can be downloaded to run it on your own web servers.

SilverStripe is a powerful content management system which runs on Sapphire framework (object oriented framework like Ruby on Rails or Django).

The framework lets you rapidly code up the "objects" your project uses (e.g. staff members, products, customers, along with their relationships). You then add a few lines of code and find SilverStripe has automatically added tables and columns to the database, let you use them in your website templates, and has added new "page types" and fields into the CMS for the content editor to utilise.

Free CMS Software

Some features:

  • Simple: Intuitive and user-friendly
  • Flexible coding framework
  • Scalable: From 1 page to a million
  • Standards Compliant: Fully XHTML compliant
  • Modular
  • Template Freedom: No restrictions on the look and feel of your site
  • Open source
  • Cross platform easy to install (PHP based)
  • Supported

One of the best things about SilverStripe CMS is the active community behind it. You can easily find support from users.

There are some very useful modules developed for this content management system including a blog module, forum module & an e-commerce module.

CSS Grid Builder is a web tool which can create standards-compliant grid layouts with a few clicks.

Outputs are generated with the powerful Yahoo! UI Library: Grids CSS which offers pre-built templates & page layout combinations.

Auto CSS Grid Builder

YUI Grids CSS:

  • Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
  • Supports easy customization of the width for fixed-width layouts.
  • Flexible in response to user initiated font-size adjustments.
  • Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
  • Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
  • Layouts less than 100% are automatically centered.
  • Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
  • Offers full A-grade browser support.

CSS Grid Builder is a quick solution specially for Yahoo! UI Library users or web developers who are better in coding rather than design.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com