Reader
You are here: Home / Archives for 2009

Archives for 2009

Create Accesible Charts/Graphs using Canvas and jQuery

Last updated on by Gabriel Livan

Filament Group released the JQuery Visualize Plugin which provides a simple method for generating charts and graphs using the HTML 5 Canvas element. JavaScript is scraping the tables in order to generate the charts. The data for the visualization exists in tabular format and it is accessible to people who browse the web with a screen reader or other assistive technology (AT).

You can use this plugin to generate bars, lines, areas, and pie charts from a HTML table. They can be configured in a variety of ways.

Content / Image Sliders: 10 Excellent Free JavaScript Sliders

Last updated on by Gabriel Livan

What’s a content / image slider?

Content & Image Sliders (or Carousels) are components used to cycling through elements in a professional way having stunning visual effects and various templates to be appealing to the visitors.

Are you interested in implementing a content / image slider in your website? Checkout this list!

Create Featured Content Slider Using jQuery UI by Web Developer Plus – This is a nice tutorial that teaches you how to “show off the best content of your website or blog in a nice intuitive way” in order to “catch more eyeballs”. One of the techniques to show the featured content is the auto-playing content slider.

featured-content-slider-using-jquery-ui

Easy Slider is a JQuery Plugin that “enables images or any content to slide horizontally or vertically on click”.

Features include:

  • Auto Slide
  • Continuous Sliding
  • ‘Go to first’ and ‘Go to last’ buttons
  • Vertical Sliding
  • Hiding Controls
  • Optional wrapping markup for control buttons
  • Multiple Sliders on one page

This slider script is simple to implement, lightweight and easy CSS customizable.

easy-slider-jquery-plugin

View more excellent sliders…

Flash XML Survey with Multiple Questions

Last updated on by Gabriel Livan

Flabell’s Flash XML Survey allows unlimited number of questions and variable number of answers passed through the XML file. Each question allows only one answer and it’s necessary to choose one in order to move to the next question. All the answers are saved in the XML file for later visualization, the process being transparent to the user.

flabell-xml-survey

General information:

  • Opens with: Flash CS3+
  • Resolution: Resizable
  • Published size: 140kb
  • ActionScript version: AS3

jQuery Tools – A Collection of the Most Important UI Components

Last updated on by Gabriel Livan

jQuery Tools is a collection of the most important user-interface components for today’s websites. It’s a single .js file that weights only 5.8 kb.

Tabs, ToolTips, Overlay, Expose, Flashembed and many more awesome features

The following tools are available:

  • jQuery library
  • Tabs (One of the most popular JavaScript tool on the web)
  • Tooltip (Great looking tooltips. Big or small. Pluggable effects.)
  • Scrollable (Allows you to scroll your HTML in wildly different ways)
  • Overlay (Visually appealing overlays. This tool is a significant part of the JavaScript/Web 2.0 landscape.)
  • Expose (Make your HTML elements stand out)
  • Flashembed

You can use all individual tools and or select only a combination of the tools you need.

The file size is definitely not the primary reason why this library speeds up your site. The fact that this tool is a single file makes it performance friendly. According to Yahoo experts, this is the first rule for making highly responsive websites.

php.js – Use your Favorite PHP Functions Client-Side

Last updated on by Gabriel Livan

PHP.JS is an open source project in which PHP functions are ported to JavaScript. This library can speed up development for programmers who are increasingly confronted with client-side technology.

Some of the higher-level functions implemented in PHP.JS are: file_get_contents(), mktime(), serialize(), md5(), date(), base64_decode().

phpjs

Developer Kevin van Zonneveld was once working on a project with a lot of client(JS) / server(PHP) interaction, and he found himself coding PHP functions (like base64_decode & urldecode) in JavaScript to smoothen communication between the two languages.

He stored the stored the functions in a file called php.js which was included in the project. But even when the project was done, it remained fun trying to port PHP functions to JavaScript, and so the library grew.

Kevin decided to share the little library on his blog, triggering the enthusiasm of a lot of PHP developers longing for PHP functionality in JavaScript. The project was open sourced in 2008, and many people contributed their own functions in the comments sections of Kevin’s blog.

Filed Under: PHP