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

Archive for the ‘Goodies’ Category

jQuery has built-in animations & effects. But when it comes to switching between 2 objects, you may need to code a little more for a flawless display.

ImageSwitch is an easy to use jQuery plugin for switching between images using effects.

jQuery ImageSwitch

The plugin supports various effects like fade in/out, fly in/out, flip in/out, scroll in/out, single door & double door.

And, the code of the plugin is well-commented which makes it easier to improve it.

Tip: Besides the Groject.ImageSwitch.js, check this .js file too to better findout how the plugin works.

Sendn is presenting 10+ well-designed free newsletter templates which you can find handy for using them in your own web apps, e-mail marketing processes..

Several different types of templates exist like 1/2 columns or with/without menus.

Free Newsletter Templates

Templates come with .zip files with the image & HTML files.

They are free to be used in both personal & commercial projects.

Social bookmarking buttons like Digg, Delicious or StumbleUpon on any website is very familiar. They help spreading the content.

Twitter, getting bigger & better, is also another powerful network where content can reach to thousands easily in minutes.

To help the readers of a website share/tweet a content at Twitter easily, here is a simple way of integration:

Twitter

You can send a querystring to Twitter like:

http://twitter.com/home?status=Your Tweet. For example, a tweet link for this post can be:

http://twitter.com/home?status=How To Add Tweeting With Short URL Functionality To A Website (With PHP): http://www.webresourcesdepot.com/how-to-add-tweeting-with-short-url-functionality-to-a-website-with-php/

The problem & the solution:

There is a 140 character limit in Twitter & the length of the URL is a headache. So, auto-shortening the URL with a short URL service will be handy.

Read the rest of this entry »

AjaXplorer is a free Ajax file manager with powerful features & an user-friendly interface.

It is built with PHP (4 & 5) & does not require any database to run. Just an upload & use solution.

Ajax File Manager Script

Some great features of AjaXplorer:

  • File/folder actions: rename/copy/move/delete/download
  • Multiple file upload with progress bar
  • Edit text files (syntax highlighting for js, php, html, java, sql & perl)
  • Images can be previewed & viewed as a slideshow
  • Mp3 files can be listened without downloading them
  • Flash videos can be viewed
  • ZIP files can be browsed & extracted
  • Bookmark system for reaching to the desired files easier
  • Multilanguage
  • Recursive search & more

AjaXplorer has a multi-user environment. The admin can create new users & assign the permitted directories/rights to those users.

The application also offers a high-level of usability with drag’n drop support, keyboard shortcuts, list / thumbnails views & ability to select multiple file / folders.

This is a lightweight (2.5kb) JavaScript table sorter for getting more out of a standard table.

It has great features like:

  • column & alternate row highlighting
  • pagination (optional)
  • support for links
  • date/link parsing
  • header class toggling
  • auto data type recognition
  • selective column sorting

JavaScript Table Sorter

Any column can be excluded from the sorting functionality with ease.

The script is an updated version of this one (see WRD post) & works in all major browsers.

Pikachoose is a jQuery image gallery plugin for presenting images smoothly & easily.

It displays the thumbnails of the images (which can be set to be staticly resized from the original image or created manually) & enables users to browse the gallery by clicking on the images, via pre-next buttons or with the auto-play feature.

jQuery Gallery

The plugin can display the image captions & any type of HTML can be used in the captions (like links).

Pikachoose is very easy to setup, an unordered list with id="pikachoose" will turn into an image gallery. Any other options are defined in a single-line function.

Leigeber is presenting a standalone accordion script that has multi-level support.

The script is lightweight (1.4kb) & it is an updated version of an accordion script by the same author (see WRD post).

Multi Level Accordion Script

The accordion is called with a single line JavaScript function & if wanted, the levels can be toggled from outside links besides the title of each level.

The script is compatible with all major browsers.

DataTables is a jQuery plugin for adding advanced interaction controls to HTML tables.

It can add pagination, filtering and multi-column sorting functions to tables with ease.

DataTables jQuery Plugin

The plugin has multilanguage support & many features that make it flexible:

  • Smart handling of column widths
  • State saving
  • Hidden columns
  • Dynamic creation of tables
  • Ajax auto loading of data
  • Alternative pagination types
  • Sorting column(s) highlighting

DataTables can also be extended with the plug-in support it provides & its look can be totally customized via CSS.

SoulWire, a blog dedicated to ActionScript & illustrations, is presenting good looking & customizable flash menus / animations.

There are both AS2 & AS3 resources and source codes can be downloaded too.

AS3 Circular Group94 Style Scrolling Menu

Flash Menu

A totally customizable menu, built with AS3, that is very suitable for displaying various menu items in a vertical space easily.

3D Ribbons In Papervision

Flash 3D Ribbons

An AS3 class for creating 3D ribbons effects. It uses TweenMax as the tweening engine & has more than the features presented in the demo (which may be processor intensive).

Besides the resources presented, there are other great ones like:

  • Tags:
  • Filed under: Flash, Goodies, Other License
  • 1 Comment
  • BeautyTips is a jQuery plugin which draws tooltips in realtime using the canvas element.

    The tooltips are very flexible and can be triggered in various ways.

    jQuery Tooltips

    Every tooltip, by default is displayed at the side of an element where there is more space. But the position can also be forced.

    Content can be hard-coded, called from an attribute or with an Ajax request.

    The look & feel of the tooltips can be totally customized considering they are canvas elements.

    BeautyTips works in all major browsers, including iPhone (requires ExplorerCanvas for IE).

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com