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

Archive for the ‘Goodies’ Category

Tweening classes for Flash makes it easier & more stable to create animations based on real time rather than Flash frames.

Tweener is a class used to create tweenings and other transitions via ActionScript code for Flash.

The fluid syntax of Tweener allows it to be used to tween any numeric property of any object of any class, so it is not tied to specific properties of built-in classes such as MovieClips or TextFields.

Flash Tween Class

Once included on SWF movies, Tweener currently takes 8.8kb (AS2 FL2), 9.2kb (AS2) or 10.4kb (AS3) of the total compiled file size. It can be compiled with the Flash IDE, MTASC, or Flex SDK (even with strict rules on).

It’s released and maintained for these versions:

  • ActionScript 2.0, for Flash 7+ and Flash Lite 2.0+
  • ActionScript 2.0, for Flash 8+
  • ActionSctipt 3.0, for Flash 9+

Glossy.js allows you to add shading, shadows and rounding corner effect to images.

This is a very useful method if you want to use the same effect for all images in some part of your website. You won’t need to use an image editing software every time. Your images will stay as the original and you can apply another effect later on. 

JavaScript Glossy Effect

How to use Glossy.js?

  • Insert the glossy.js in your code
  • Add the class "glossy" to your images

Gloosy.js works in all major browsers. If not supported by a browser, it downgrades itself without creating any errors.

ajax im is an ajax chat script that creates a real-time chat environment with a browser based interface.

It can be added to any intranet, website or a social-community project to help users chat with each other. Chat interface does not reload as everything is updated in real-time via JavaScript.

ajax im is also a multilingual script and language files can be found in the script website.

Ajax Chat Script

How ajax im works?

The XMLHTTPRequest object allows HTTP requests to be sent to the server and get input back from the server. There are two parts to the client-server interaction through this object:

  • The client "pings" the server (a PHP script) for new messages. The server in turn queries a database for any messages for the client, and returns them as JSON. The XMLHTTPRequest object passes this JSON text be parsed by the rest of the JavaScript.
  • The client sends data to the server (a PHP script), such as a new message to another user. This data is then processed by the server ("cleaning" the data of any thing invalid) and put into the database, which is later "pinged" by another client.

 

 

XML Flash galleries are very easy to use & update. When there is a flickr support too, than it is great as it will be totally automated.

Polaroid Gallery is a free flash gallery with splash effect that can get the image data from an XML file or a flickr account.

Flash XML Gallery

Pictures is automatically scaled, centered and smoothed when they are loaded. Splash loading effect is totally random, this makes the look of the gallery different every time it is loaded. Images can be dragged & dropped anywhere in the gallery.

Besides the image gallery SWF file, FLA source can be downloaded too.

Sample / test data is an effective way to test web projects & applications. Other than meaningless data, real names, addresses, zip codes can make the whole testing stage easier.

WebResourcesDepot have collected some nice free test data generators which you may find useful:

 

GenerateData

GenerateData is a free, open source script written in JavaScript, PHP and MySQL that lets you quickly generate large volumes of custom data in a variety of formats for use in testing software, populating databases.

Generate Sample Data

Some features:

  • (JS-enabled) browser-friendly.
  • Many data types available: names, phone numbers, email addresses, cities, states, provinces, counties, dates, street addresses, number ranges, alphanumeric strings, lorem ipsum text and more.
  • Option to generate data in XML, Excel, HTML, CSV or SQL.
  • Country specific data (state / province / county) for Canada, US, Netherlands and UK.

 

DBMonster

DBMonster is a tool that generates random test data and inserts it into SQL database.

Test Data Generator

 

CSV Data Generator

This is a Ruby based free test data generator.

 

Datagenerator

Datagenerator is a library and GUI for generating rule based test data for various databases like Mysql, Firebird, Interbase, MSSQL, Oracle, SQLite and PostgreSQL.

Data Generator

 

dgMaster

Data generator tool which supports many data types (primitive data types,but also names,addresses,post codes,etc.) and generates data in various formats (text,xml,db).It provides a GUI and is extensible by means of plugging-in new data-generator classes.

 

Spawner Data Generator

Spawner is a generator of sample/test data for databases. It can be configured to output delimited text or SQL insert statements. It can also insert directly into a MySQL 5.x database. Includes many field types, most of which are configurable.

 

Test Dictionary

A Java interface that quickly returns random proper names, terms and connectors. Useful for populating realistic test data.

 

Fresh Trash Generator

This is a Java utility package for generate random test data.

ModalBox is a JavaScript technique for creating Web 2.0 – style modal dialogs (or sequence of dialogs) without using standard popups and page reloads.

It’s inspired by Mac OS X modal dialogs and based on Prototype JavaScript framework + script.aculo.us and valid XHTML/CSS. Content can be loaded with Ajax or just plain-HTML.

Mrototype Popup Modalbox

ModalBox Features

  • Web 2.0-ready. ModalBox uses industry-standard libraries — prototype and script.aculo.us.
  • Offline-mode. Use dynamic- or plain-HTML without any Ajax-calls to fill out your dialog windows.
  • AJAX page loading. ModalBox uses AJAX instead of deprecated iframe for content loading. It’s also more secure — you can’t access pages that are not on your host.
  • Callbacks support. You can attach your own JavaScript events after showing or hiding (and more) the ModalBox
  • Automatic height adjustment. ModalBox adjust it’s height depending on your content. No more height tweaking!
  • Scrolling mode. If your content is long, just define the height of the ModalBox and it will switch into “scrolling mode”
  • Browser and platform independent. Since most modern browsers use popup blockers, it’s hard to find another way to create 100% browser-compatible modal dialogs.
  • Multi-purpose. You can create complex wizards to guide users through the process. Image slideshows can be created too.
  • Keystrokes support. Use ESC key to close ModalBox.
  • Customizable Look & Feel. Use CSS to make ModalBox look like you want.
  • Supports transitional effects. Slide down appearing and on-the-fly resizing.
  • Lightweight. Just about 10 KB of code.
  • Works in most modern browsers. Tested in IE6, IE7, Firefox 1.0, 1.5, 2.0, Safari, Camino, Opera 8 and 9.

P.S. There is a Mootools clone of ModalBox named MOOdalBox.

jQuery Cycle plugin is a lightweight plugin which lets users to create animated slideshows.

jQuery already has slide plugins and this plugin covers most of the effects and some effects are based on other jQuery plugins.

The Cycle Plugin is split into two parts: the core engine and the transition definitions. The core engine provides the ‘fade’ transition effect and all the logic needed for defining and using custom transitions. The Transition pack includes all of the pre-defined transition effects for the Cycle Plugin.

jQuery Slideshow Plugin

Slideshow effects includes:

  • pause-on-hover
  • auto-stop,
  • auto-fit
  • before/after callbacks
  • click triggers
  • and many transition effects

CKFinder is a powerful ajax file manager. Its simple interface makes it intuitive and quick to learn for all kinds of users, from advanced professionals to Internet beginners.

Ajax File Manager

For the best integration, CKFinder offers ASP, ASP.Net, Coldfuson & PHP versions.

Features:

  • Folders tree navigation: intuitive for all users.
  • Quality image thumbnails, making it quick to find things.
  • Sensitive context menus for files and folders.
  • Full user control: create, rename and delete folders and files.
  • Full developer control: all features can be precisely configured with a powerful ACL and user roles system.
  • Lightweight interface.
  • No page refreshes: quick responses.
  • Secure file uploads: all uploaded files are checked according to the rules set by the developer.
  • Full source code included for the server side integration.
  • Instant integration with FCKeditor

 

FCKeditor is a full featured, well-documented & simple to use WYSIWYG HTML text editor. It is lightweight, easy to implement.

With an integrated powerful ajax file manager, CKFinder, you can control both the media & content of your web applications.

Free WYSIWYG Editor

Features:

  • Multi browser compatibility
  • Outputs XHTML 1.0
  • CSS support for better integration with your web site
  • Font formatting: type, size, color, style, bold, italic, etc
  • Text formatting: alignment, indentation, bullets list, etc
  • Cut, Paste, and Paste as Plain Text, Undo and Redo
  • Paste from Word cleanup with auto detection
  • Link and anchors support
  • Image insertion, with upload and server browsing support
  • Table creation and editing (add, delete rows, etc) – one of the best systems on the market.
  • Table cells editing (size, colors, etc)
  • Form fields
  • Right click context menus support
  • Complete toolbar customization
  • Skins support
  • Plugins support
  • Spell checker
  • Multi-language support with automatic user language detection. Including Right to Left scripting.
  • Complete page editing (from <HTML> to </HTML>) or just contents.
  • Lightweight and fast
  • Automatic browser detection and customization
  • Integration with ASP, ASP.NET, Java, ColdFusion, Perl, PHP, JavaScript and more.
  • Image and file links upload and server repository browser.
  • For web developers it is easy to install and customize
  • For web users it’s simple and easy to use!

Datejs is an open-source JavaScript Date Library. With simple to use commands, Datejs provides many useful date functions like:

  • last December
  • next Thursday
  • +10years
  • & many date format conversions.

JavaScript Date Library

Date objects in JavaScript are generally problematic as they may require complicated calculations to run. Datejs is absolutely a life-saver in this area.

Uptime Robot
Loading...
Get WebResourcesDepot Weekly
A Weekly Newsletter For Web Designers And Developers
feed-holder
FeedBurner
  • PSD to HTML
  • file uploading, video/audio/image encoding, s3 storage and much more
  • PSD to HTML
    aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter