Customer feedback quickly and easily -
Traffic Light Feedback

Archive for the ‘MIT License’ Category

Grafico is an open source JavaScript charting library built with Raphaël & Prototype.js.

It is possible to create multiple types of charts like line, area, bar & stacked charts, sparklines and more.

Grafico

Each chart type has numerous API options to customize it’s look & behavior.

Charts created with Grafico can, optionally, be interactive which means they can provide data when hovered, clicked, etc.

The library is well-documented & supported with examples.

Quicksand is a very functional jQuery plugin for reordering and/or filtering items with a nice shuffling animation.

It simply replaces a collection of items with another & only requires the sets to be provided which can be done in multiple ways:

  • using plain HTML, like an unordered list
  • downloading data by an Ajax call
  • transforming HTML items by JavaScript

Quicksand also comes with few options like setting the duration or the easing type of the animation (optionally, Easing plugin can be used for more easing types).

jQuery Quicksand

You remember Uptime Robot, a free website uptime monitoring service that we launched few weeks ago.

While building it, we're looking for a free & easy way for adding SMS support to the application which would notify users when their websites were down (and back up).

There are great APIs around but they are paid & we experienced that the best way to do this is using the e-mail to SMS gateways of mobile providers.

But we needed a list of providers that had support for e-mail to SMS.

E-mail To SMS Providers List

After digging, we found several lists, realized that every provider has a different format where some requires a prefix & other can require a suffix, digit requirements differ, etc.

At the end we merged lists, removed invalid entries, added new ones with the help of Uptime Robot users & created a flexible MySQL table that included this data.

Now, we're sharing it (as SQL & CSV formats) at the Uptime Robot website so you can easily add SMS support to your web applications & won't lose the time we already did.

P.S. Note that there may still be some invalid entries that we couldn't get a feedback yet. If you think there are, please share them in comments, we'll updating them & always be sharing the latest version of the data.

Formwizard is a jQuery plugin which can instantly convert your standard forms into wizard-like interfaces.

Once it is applied, users will be able to fill the form step-by-step (which is nice for big forms) & it becomes possible to show different steps according to the input values.

jQuery Formwizard

It only requires a few markup updates like wrapping every step with elements that has id tags: "firstStep, "secondStep", etc & adding class tags: "step".

Formwizard also plays nice with the popular validation & form plugins that will help enabling client-side form validation & Ajaxed submissions.

ColorBox is a jQuery Lightbox plugin which is lightweight (9kb) & supports photos, photo groups, slideshow, ajax, inline, and iframed content.

The lightbox has a very nicely designed interface which can be improved or customized with CSS.

jQuery ColorBox

ColorBox is unobtrusive, every option is mentioned in the JS & requires no changes to the existing HTML.

For faster displays & slideshows, it preloads background images and, optionally, can preload upcoming images in a photo group.

The plugin comes with a bunch of settings, including transition types-speeds & opacity, for maximum customization.

Using JavaScript, it is possible to load HTML, XML or JSON data with XMLHttpRequest.

However cross-domain JavaScript requests (reaching remote pages) are not possible due to browser security limitations except JSONP-formatted JSON data.

Cross-Domain JavaScript

Simple PHP Proxy is a PHP script which aims to fill this gap by creating a layer between your JavaScript code and the remote domain to get data in HTML, XML or JSON formats.

Some features of Simple PHP Proxy:

  • requested URLs can be white-listed & validated against a regex.
  • optionally forward client cookies / SID to the remote server.
  • optionally forward configurable User Agent to the remote server.
  • requests can use either GET or POST request methods.
  • remote data can be delivered as-is with all remote headers intact.
  • remote data can be wrapped in a JSON/P structure that includes status codes & remote headers.
  • if using JSON/P & remote data is valid JSON, it will be merged into the resulting data object.

There is also a demo which you can request any URL.

Brosho is a jQuery plugin which helps you to minimize the editor-browser switching while creating/editing websites.

It enables you to select elements in a webpage, edit the CSS properties with an in-browser editor & see the outputs instantly (similar to editing with Firebug).

Brosho jQuery Plugin

Once you are satisfied with the changes implemented, copy-pasting the new code to the CSS file is enough.

The editor has few functions that makes the usage easy like:

  • setting the position (top-bottom-left-right)
  • enable/disable element highlighting
  • one-click CSS code generation

It may be a good idea to disable links while using Brosho as a selected element can forward you to a new page & selections can become useless. There are code examples for this in the comments of the resource.

ie-css3.js is a project by Keith Clark which enables Internet Explorer to identify CSS3 pseudo selectors & render any such styles.

Including 2 JS files (DOMAssistant is required too) into your web pages & inserting CSS files with the <link> tag (inline styles are not supported) will make the rules work.

ie-css3.js

How does it work?

ie-css3.js downloads each style sheet on the page and parses it for CSS3 pseduo selectors.

If a selector is found, it's replaced by CSS class of a similar name. For example: div:nth-child(2) will become div._iecss-nth-child-2. Next, DOMAssistant is used to find the DOM nodes matching the original CSS3 selector and the same CSS class is applied them.

Supported selectors are:

  • :nth-child
  • :nth-last-child
  • :nth-of-type
  • :nth-last-of-type
  • :first-child
  • :last-child
  • only-child
  • :first-of-type
  • :last-of-type
  • only-of-type
  • :empty

Alternatively, the popular IE7.js offers a similar functionality as well.

P.S. It doesn't support :not() pseudo selector.

blackbox is a MooTools plugin for creating slideshows from unordered lists.

The plugin is unobtrusive & displays images with fade in/ fade out effects.

The slideshow is controlled by simply hovering images where a simple start/stop controls appears.

It requires almost no configuration & has few optional settings like "the image to be displayed on initial load & duration of effects/transitions.

blackbox MooTools Slideshow

Coda-Slider 2 is a jQuery plugin, inspired from the slider at Panic Coda website, which can present any HTML content nicely by wrapping them into tabs.

The tabs are created from a set of well-formatted div tags & can be completely styled with CSS.

jQuery Coda Slider

It is the new, improved version (old version) which has many features like:

  • automatic slider which pauses when a tab is clicked
  • can be controlled from other custom links
  • the tab to be activated after initial load can be set
  • speed & animation can be selected

The slider also creates SEO friendly URLs for every tab.

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

Vivvo CMS - Web Publishing at your Fingertips