Permalink

Sigma Grid – Ajax Editable Data Grid

Sigma Grid is written in pure javascript, which is an Ajax data grid for displaying and inline editing data in a scrollable and sortable table. Sigma grid appearance is controled via a stand-alone CSS(style sheet). Developer can change grid skin by defining themes in different CSS files.

Sigma Grid - Ajax Editable Data Grid

It supports online printing, to make it easy to print tabular data in WYSIWYG way. Paging enable developer display data page by page. Data will not be retrieved from server side until end user come to the page it is at. End user can sort records by clicking on the header of a column. Developer may define a new data type and a new way to sort.

Bar diagram, line diagram and pie diagram are built in. Translation tabular data into diagram without any server-side coding. Data filter enables sigma grid to present the data users are interested in only. And you can download and use Sigma Grid freely under LGPL license.

Visit Website

Try Demo

Permalink

Design Tiled Backgrounds with BGPatterns

BGPatterns is a web tool for generating tiled patterns. Its intuitive (yet robust) user interface will allow you to tweak, edit, and resize a wide range of patterns.

Design Tiled Backgrounds with BGPatterns

You can design your own patterns and save them for future reference or you can download them as image for FREE.

Website: http://bgpatterns.com

Permalink

MenuMatic – A Dynamic Drop Down Menu System

MenuMatic takes a sematic ordered or unordered list of links and uses MooTools 1.2 to turn it into a dynamic drop down menu system (horizontal or vertical), with enhanced usability and flair.

MenuMatic - A Dynamic Drop Down Menu System

For users without javascript, it falls back on a CSS menu system based on Matthew Carroll’s keyboard accessible flavor of Suckerfish Dropdowns.

Visit Website

View Demo

Download

Permalink

Tick Tock – A CSS & JS Clock

CSS & JS Clock – created using a combination of CSS and Javascript. The Javascript gets the user’s local time and updates the CSS <div> tags with the appropriate hour and minute classes.

Tick Tock - A CSS & JS Clock

Clock is broken down into 3 layers. Hour/Min/Sec arms are created using transparent PNG files and layered on top of each other using absolute positioning.

The clock moves in increments of five minutes. The author was hesitant to make 60 segments of the arm since this was just an experiment.

Visit Website

View Demo

Permalink

AJAX APIs Playground to Learn and Test Google’s APIs

Google today released a new tool that will make learning and testing code for Google’s Javascript APIs a lot easier. Google’s interactive AJAX API Playground gives developers an easy to use interface to write some basic Javascript code for Google’s eight Javascript APIs.

Google Javascript APIs:

  • Maps
  • Search
  • Feeds
  • Calendar
  • Visualization
  • Language
  • Blogger
  • Libraries
  • Earth

Continue Reading →

Permalink

Add Voice To Your Website or Application with Ribbit

Using the Ribbit Voice Platform, voice is now a programmable feature that is free from the traditional device. Going way beyond the call, Ribbit is an open platform for multi-protocol communication, empowering a new market of voiceware applications and services.

Add Voice To Your Website or Application with Ribbit

It can go anywhere… on a phone, on a webpage, inside email, and in an existing app. Voice can now live inside any environment including online communities or stores, CRM systems, call center applications, media properties – you name it. It can be captured, stored and sent in traditional and non-traditional ways…it is totally free for your innovation across any industry.

Website: http://developer.ribbit.com

Permalink

Create User Flows and Demo Tour with Product Planner

Create User Flows and Demo Tour with Product Planner

Product Planner was born out of the need to help people understand and create user flows for their web products. The idea is that by looking at examples of other successful web products, you can get a better idea of how to create your own.

Create User Flows and Demo Tour with Product Planner

Product Planner is actually useful for creating a demo tour for web applications too. You can create a work flow for performing a specific task with your web application. So that user can understand how to use your web application easily by reading the work flow step by step with screenshots.

Website: http://productplanner.com/

Permalink

MooTools Font Size Scroller with Cookie Save

Providing users as many preferences as possible always puts a smile on the user’s face. One of those important preferences is font size. I can see fine but the next guy may have difficulty with the font size I choose. That’s why this MooTools-driven font-size slider has been developed. It saves the user’s preference into a cookie.

MooTools Font-Size Scroller with Cookie Save

There’s actually very little javascript to this create this functionality, Thanks to MooTools. Once the DOM is ready, we read in the saved font size (if one exists) and set it accordingly. Next we create our update message slider javascript. The last part is the fun part: the font size slider. The options are fairly self explanatory until the change event.

On slider change, we:

  • update the font size label
  • write a cookie to save the font size value
  • change the document’s font size
  • slide in the update text and slide it out two seconds later

View Tutorial

View Demo

Page 165 of 200« First...163164165166167...Last »