/ best free open source web resources /

In today’s web2.0 era, more and more websites are user generated and boast dynamic content. Users sumbit text, images, videos, providing content for entire web sites. Most of the time, people submit photos straight from their camera because they don’t have photo editing programs or they don’t know how to use them. This simplified tool gives your users the ability to create a selection area that can be used to crop an image, live on your web site.

With UvumiTools Crop, you don’t have a dozen handles and double-click features. Drag from the middle to move, tug on the lower-right corner to resize, and that’s it. Simple. To use this plugin you’ll need Mootools 1.2. UvumiTools Crop must be paired with a server-side script that will actually be able to so something with the coordinates.

Jcrop is a powerful image cropping engine for jQuery. It’s been designed so developers can easily integrate an advanced image cropping functionality directly into any web-based application without sacrificing power and flexibility.

It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications. Jcrop also features clean, well-organized code that works well across most modern web browsers.

WebSnapshot is a simple Adobe AIR application which allows you taking snapshots for any websites easily. Enter the Url and Press Snap. Or Drag and Drop it from your browser. Click on the Thumnails to Save. With Auto Save Checked, the thumnails are immediatly saved to your ‘save’ folder. You can select the type of Snapshot you want to make: Thumbnail, Browser size, or Full Page. You can tailor the way the snapshots are take in the Preferences pane as well. Set the download folder as needed.

Easiest Tooltip and Image Preview is one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail. What this script does is adds an element to the body when you roll over a certain object. That element’s appearance is predefined with css (positioned absolute and styled) so all we need to do is fill the element with content, calculate mouse position and make it move accordingly. When cursor is moved over he object, element moves with it and when cursor roll out, the element is deleted. Easiest Tooltip and Image Preview is powered by jQuery.

PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page. Javascript? Yes – I know it’s nothing new and that you’ve been able to move and resize things in Javascript for years, but only now is there a prepackaged solution that makes it as easy as 3 lines of HTML without knowing a lick about positioning! If your web site has a thumbnail image gallery then you need PopBox!

Wanna test your web application or website in different browsers and different patforms? Browsershots can help you. It makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl.

When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server of Browsershots. It supports Windows ( Firefox 1.5, Internet Explorer 5.0 and 6.0 ), Mac (Firefox 2.0, Safari 2.0 ), Linux ( Iceweasel 2.0, Konqueror 3.5 ).

WebSnapr lets you capture screenshots/thumbnails of almost any web page. Let your visitors to instantly visualize any web page before clicking. WebSnapr also provides us the WebSnapr Preview Bubble which is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using WebSnapr. It’s a snap to setup which can increase site traffic, click-through rate and site stickiness.

Snap Shots enhance links with visual previews of the destination site, including summaries of Wikipedia and IMDb, YouTube videos, stock charts, RSS feed and more. For website users, it’s an enhanced way to surf because links are no longer blind, they can view the screenshots/thumbnails before clicking on the link. To make Snap Shots feel more integrated into your site, they designed them to be customized with your logo and your choice of color theme and language as well.