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

Archive for the ‘MIT License’ Category

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.

Moousture is a JavaScript mouse gesture library, built with MooTools.

It simply checks the mouse movements & catches them if they follow any given route.

MooTools Mouse Gesture Plugin: Moousture

The library is very customizable. Variables like:

  • miliseconds mouse movements will be traced
  • interval of the number of mouse steps
  • errored movements to be ignored (in pixels)

can be defined.

Moousture DirectionsWith the help of a direction pad, new gestures can be created by simply mentioning their numbers in an order like:

gstr.addGesture([4,3,2,1,0,], functionName); would be a "u" character.

The Moousture is also compatible with most of the mobile devices (including iPhone).

The library website includes a demo worth-checking which can display a menu with a mouse gesture.

Crystal is a database toolkit for PHP which aims to help developers build & scale reusable, database-dependent, framework-agnostic applications.

It has 3 independent components:

  • Database wrapper – for CRUD operations
  • Validation module – provides a comprehensive data validation
  • Database manipulation module – used for creating databases, tables, etc.

Crystal Database Toolkit

The queries written with Crystal are database-independent which currently supports MySQL & PostgreSQL (SQLite is on the way).

For anyone who is familiar with SQL, learning Crystal wouldn't take no more than 5 minutes.

And, for many developers, it can be an option against framework-specific database layers like Zend_Db and Codeigniter's active record library or complex ORM's like Doctrine.

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.

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.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com
PHP Form Generator
HotScripts Marketplace